5 replies [Last post]
James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 26 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

Hey there,

My first post here after reading through the forum a little and being very impressed at the help you guys give us css noobs Smile

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?!

http://www.james-rowland.com/news-2/test_fixed_width.html

Any help is much appreciated,

James

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 19 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

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

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 26 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

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?

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 26 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

ops I didn't have my

ops :blushing:

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:

Document Geek
Offline
newbie
Last seen: 13 years 6 weeks ago
Joined: 2007-10-18
Posts: 5
Points: 0

My left side navigation jumps around the screen in IE

This comment has been moved here.

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 26 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

I took your advice and

I took your advice and floated the elements in my header rather than APing them.

Works perfectly,

Thanks Smile