[RESOLVED] content pushed down

[ixxalnxxi]

On the following site,

http://teamtalkonline.com/blah.php

you'll see that the content shows up fine in FF, but in IE6 and 7 the content is pushed down. Any explanation as to why?

Also, how do you do xhtml/css for both browsers, IE and FF?

[aj_nsc]

Looks like a dropped float, just change the width of the #right_box to make it a pixel or two (or three) smaller until the float doesn't drop anymore.

For the second part, how do I do xhtml/css for both browsers...it might seem a little tedious but I code everything and preview in firefox until I get it exactly how i want it. Then I take my code and rebuild it one div at a time while previewing in firefox and IE and if I come across a problem in IE, I fix it right then and there - thereby fixing it one problem at a time instead of trying to fix 100 different problems on a fully coded page in IE all at the same time.

Most of the time, you can accomplish a cross-browser design with a single stylesheet, although it might take some very minor compromise (very minor) and some patience. Bottom line is that you shouldn't have to use conditional comments and if you find that you do, I often find that there's too many unnecessary <div> tags. Something to keep in mind. Good luck.

[ixxalnxxi]

aj_nsc,


thanks, that fixed it.