weird IE6 rendering

MikeTheVike · 06-01-2009, 12:28 PM

I took a real quick look, maybe try floating the address div left instead of right since you have all your other divs floating left.

calebm12 · 06-01-2009, 12:32 PM

wont that move it over the logo or beneath the logo?

MikeTheVike · 06-01-2009, 12:55 PM

Originally posted by calebm12 View Post

wont that move it over the logo or beneath the logo?

It will move up against the logo div which si floated left as well. You might have to adjust your padding and margins afterward. Do you have Firebug extension for Firefox? it will help diagnose problems, and you can change css in the browser to see if it fixes or messes things up.

calebm12 · 06-01-2009, 01:18 PM

yea i got the firebug extension....i just dont have IE6 at home. was on another computer today that has it and noticed it. so it will be a tedious process....hahaha.....i will try floating it left and adding some padding and see what happens. thansk.

tZ · 06-01-2009, 07:40 PM

My recommendation is to forget about floating and position the header relatively then position the logo and div containing the address info absolute. That will take care of the problem. Floating everything is rarely the answer.

tZ · 06-01-2009, 07:44 PM

HTML Code:

#header {
	width: 853px;
	height: 150px;
	background: #fff url(Images/css_header.jpg) no-repeat top left;
	position: relative;
}

#header #logo {
	width: 343px;
	height: 95px;
	background: #fff url(Images/weblogo.jpg) no-repeat top left;
	position: absolute;
	top: 37px;
	left: 30px;
}

#header #address {
	position: absolute;
	height: 95px;
	width: 425px;
	top: 37px;
	right: 30px;
}

calebm12 · 06-02-2009, 03:06 PM

great...many thanks!

tZ · 06-02-2009, 10:12 PM

I take it that did the job?

If you like floating everything then you should look into absolute faux positioning. The technique produces consistent results across all browsers (including IE6). Great for column intensive layouts.

weird IE6 rendering

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment