same page in IE,Opera and Firefox

[psmutiu]

How can I make a page look good on different browsers and different resolutions in html?

[stevie21]

Either use standard code that every browser recognises or have a different version of your site for every browser & resolution.

[Kerplunk]

Not sure about different browsers but for diff resolutions use a lot of tables in your html. Most people use 1024 x 768 or greater resolutions nowadays so build your entire web page in a table with a width of 980 pixels or at least make sure your page is no wider than this. You can have it so it's centred or justified (just depends where you want the white bits to appear, to the left, right or either side if viewed with a greater resolution).

[fo3nix]

Please, do NOT do what Kerplunk suggests. Using tables for design purposes is not only semantically wrong, it's also soo 1999.

Learn CSS. Follow the defined standards from the W3C:
http://www.w3.org/Style/CSS/

Opera and Firefox will render pages very well with the defined standards. IE is a tough git that sometimes takes a little bit of messing with to get it right. Sometimes it can be acheived with standard code, other times you may have to employ a CSS 'hack' if you want to get your way.

Importantly, make your page elements a percentage width of the screen, not set pixel sizes. Same with the font sizes. So it will still look half-decent with larger screen resolutions. This is sometimes known as a 'liquid' design.

http://www.thenoodleincident.com/

[Kerplunk]

I know about CSS styles and do indeed use them myself, but from a beginners point of view, doing simple web pages with tables is the first step in the learning process. Don't run before you can walk and all that.