IE woes.

The Roaddhogg · 7 Sep 2006 at 00:54

I've designed the following layout for a small business I plan on opening in the near future. Initially, I encountered a few problems regarding the layout being screwed up when the user resized their browser window. After slaving over this problem for a few hours, I eventually thought I'd fixed it, tested it with Safari, Konqueror, Firefox and Opera. But surprise, surprise: IE ****s it up. Basically, the navigation bar should be displayed as it is in every other browser except IE, which pushes it completely over to the left of the page.

http://lostfacts.net/concept/index2.html

If anyone could think of some kind of workaround which would eradicate this problem in IE, it'd be much appreciated.

tsinc80697 · 7 Sep 2006 at 01:04

site doesnt load for me in either browser :*(

btw try it out on a widescreen monitor aswell, my site im doing looks utter **** in WS!

iCraig · 7 Sep 2006 at 08:55

You've used absolute positioning on your menu, that's why.

Use a regular float and margin to position it. That way it will stay in the centre in any resolution.

Augmented · 7 Sep 2006 at 10:22

iCraig said:
You've used absolute positioning on your menu, that's why.

There's nothing wrong with using absolute positioning. It's working fine here.

The problem is that IE6 doesn't like what you're doing with the <body> element.

Remove:

Code:

body { width: 600px; margin: 0 auto; }

and add that into div#content:

Code:

div#content {
	width: 600px;
	margin: 0 auto;
	background: #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	margin-top: 35px;
}

The Roaddhogg · 7 Sep 2006 at 11:23

Awesome, thanks mate.