My first post here after reading through the forum a little and being very impressed at the help you guys give us css noobs
So anyway my problem, I'm only really starting to get my hands dirty with css after starting out doing things the WYSIWYG way ( :ohdear: )and I've run into a couple of problems with my layout in IE.
Here's an image of how my page looks when opened in a less than maximized IE window:
But when I hit refresh the divs move into the position I want them. Although they are moving when you resize the window and end up being on top of each other the further the window is reduced in size....
The div's that are giving me grief are the banner, the buttons and the nav.
oh and also the sidebar is not displaying my skyscraper correctly as it does in Mozilla (nicely centered)
I think the reason everything is moving is because I've been using % to position the divs rather than pixels because the diff in position between IE and Mozilla is huge?! Maybe I should just use an IE specific style sheet and another for other browsers?!
Any help is much appreciated,
That's why we recommend you
That's why we recommend you don't use absolute positioning unless you really know what you're doing.
the same concept can be handled very successfully with floats
I see I see, So would you
I see I see,
So would you recommend I place the divs within the relatively position header div and float them all left?
ops I didn't have my
I didn't have my header div positioned relative...after I positioned it relative and repositioned the divs in px's it's working fine. Well apart from the skyscraper div :mad:
My left side navigation jumps around the screen in IE
This comment has been moved here.
I took your advice and
I took your advice and floated the elements in my header rather than APing them.