how do i make my webpages in constant design/proportion/overall look in any browser [read details please]?

Question

i need to have my webpages in constant condition whatever browser is used.

for expamle, i am using mozilla firefox as my browser and used it to preview my webpages when making it. if other viewers use a different browser for expample iexplorer, there are possibilities that they will see a webpage that is different from what i previewed or wanted them to see so it's like in different conditions in different browsers.

i am using html and no other programs but the usual Notepad. is there anything i can do to make my webpages wiewable in same condition in different browsers?

please do help me. thank you!

Answer 1

It's not really possible I'm afraid. At least, not to the extent you have requested.



Firstly, the multitude of PC based web browsers out there, each with their own quirks, bugs and foibles, will prevent you from ever getting your layout to look exactly the same on every single PC based browser.



Then there's the issue of mobile browsers such as phones and PDAs. You'll never be able to make your site's layout look the same on those as it does on a PC.



And on top of all of that, fonts are rendered differently on different systems, and even on different browsers. Some people have poor eyesight and so use fonts that are larger. Others use standard font-sets, but then increase the text size in the browser.



The closest you'll get to a proportional layout that works on a good range of browsers is the "Jello Mold Layout". It's a good layout that works well, so I suggest doing some reading up on that. Always work on the principle that you can control the layout, but the layout should ALWAYS allow the text room to expand. When you have finished building the site, try increasing the font size (most browsers have an option for this) to ensure that the text "flows" correctly without breaking your layout.

Answer 2

It's going to be very hard to make it look exactly the same, particularly with older and proprietary browsers. The best bet is to first make sure you use only standard XHTML and CSS. Then, keep your code standard but experiment with alternative layouts that can achieve your goals. Unfortunately, this is a hard problem and there's no silver bullet.

Answer 3

I THINK THAT YOU MUST CHECK YOUR PAGES ON YOUR REQUIRED BROWSER LIKE MOZILLA OR IE.



THERE IS NO ANY CONDITIONS.

I THINK THAT USE adobe dreamweaver OR FONTPAGE



ALL THE THINGS DEPENDS ON THE STYLE SHEET.



IE AUTOMATICALLY SUPPORT SOME OF THINGS



THIS IS MY OWN EXPERIENCE

VISIT CCMCA.CO.CC IN FIREFOX AND IE IF U GET CHANGES TOLD ME



BUT MOZILLA NOT .



SO BETTER IS THAT CHECK YOUR HTML PAGES IN TO FIREFOX FIRST.



CSS AND XHTML IS ALSO IMPORTANT

Answer 4

xhtml/css with defined height's and widths for all div tags, and use plenty of images... cause broswers aren't going to alter the size of the image.