Web Design Forums

cMack · 08-03-2008, 14:01

A current project still looks good in FF but recently went awry in IE6 (and I dont have IE7 to check)

tmt dot previews dot aesthetia dot net

login: preview
pass: aesthetia

It would be awesome if someone could take a look at my css and tell me why the right side content and footer disappear in IE6. I have tried a lot of different things including various container widths, visible overflows, and more.

Thanks alot in advance! And please dont tell me to go read a css book. I have read css books and I still cant figure out the problem.

RaelRode · 08-03-2008, 14:10

Why make a new thread?

cMack · 08-03-2008, 14:14

because this forum is related to css? And I didn't see that before.

RaelRode · 08-03-2008, 14:16

But still, no need for a new thread. Lol.

Just cause the other got spammed out.

cMack · 08-03-2008, 14:18

thanks for the input

cMack · 08-03-2008, 14:39

Just an update: I removed all of the CSS from the site, and IE6 STILL does not show any of the content that is normally on the right hand side.

Any ideas as to what this implies?

RaelRode · 08-03-2008, 14:41

IE6 being a complete piece of crap?

bazzle · 08-03-2008, 15:03

For a start you should be using div id instead of div class to reference your div's in the markup. I dont think thats whats causing the problems tho.

As you've specified float:left on the leftContainer you don't need to specify float right on the rightContainer.

Also specifying widths on two elements floated next to eachother seems to cause problems sometimes. I'd keep the width on the leftContent and specify width:auto in the right content.

If it still doesn't work put in left-margin:221px in the rightContent to push it into place.

As for the footer, is there any real need to specify 900px with in the footer container? I try to stay clear of specifying widths unless I really have to because it can cause problems in ie.

Let me know if this has helped.

cMack · 08-03-2008, 15:07

@bazzle

Thanks for the tips! Those combined with an extra close tag that I removed have fixed half the problem. Now its just the footer thats missing in IE. My guess is I have an extra close tag in the footer.tpl file so I am going to check that out.

08-03-2008, 14:01	#1 (permalink)
cMack Registered User Join Date: Mar 2008 Posts: 16	css layout help A current project still looks good in FF but recently went awry in IE6 (and I dont have IE7 to check) tmt dot previews dot aesthetia dot net login: preview pass: aesthetia It would be awesome if someone could take a look at my css and tell me why the right side content and footer disappear in IE6. I have tried a lot of different things including various container widths, visible overflows, and more. Thanks alot in advance! And please dont tell me to go read a css book. I have read css books and I still cant figure out the problem.

08-03-2008, 14:10	#2 (permalink)
RaelRode Designers are strange :) Join Date: Jan 2007 Location: Shrewsbury, UK Posts: 1,735	Why make a new thread? __________________ If it works, it's valid.

08-03-2008, 14:16	#4 (permalink)
RaelRode Designers are strange :) Join Date: Jan 2007 Location: Shrewsbury, UK Posts: 1,735	But still, no need for a new thread. Lol. Just cause the other got spammed out. __________________ If it works, it's valid.

08-03-2008, 14:41	#7 (permalink)
RaelRode Designers are strange :) Join Date: Jan 2007 Location: Shrewsbury, UK Posts: 1,735	IE6 being a complete piece of crap? __________________ If it works, it's valid.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

08-03-2008, 14:14	#3 (permalink)
cMack Registered User Join Date: Mar 2008 Posts: 16	because this forum is related to css? And I didn't see that before.

08-03-2008, 14:18	#5 (permalink)
cMack Registered User Join Date: Mar 2008 Posts: 16	thanks for the input

08-03-2008, 14:39	#6 (permalink)
cMack Registered User Join Date: Mar 2008 Posts: 16	Just an update: I removed all of the CSS from the site, and IE6 STILL does not show any of the content that is normally on the right hand side. Any ideas as to what this implies?

08-03-2008, 15:03	#8 (permalink)
bazzle Senior Member Join Date: Aug 2007 Location: Derby uk Posts: 421	For a start you should be using div id instead of div class to reference your div's in the markup. I dont think thats whats causing the problems tho. As you've specified float:left on the leftContainer you don't need to specify float right on the rightContainer. Also specifying widths on two elements floated next to eachother seems to cause problems sometimes. I'd keep the width on the leftContent and specify width:auto in the right content. If it still doesn't work put in left-margin:221px in the rightContent to push it into place. As for the footer, is there any real need to specify 900px with in the footer container? I try to stay clear of specifying widths unless I really have to because it can cause problems in ie. Let me know if this has helped.

08-03-2008, 15:07	#9 (permalink)
cMack Registered User Join Date: Mar 2008 Posts: 16	@bazzle Thanks for the tips! Those combined with an extra close tag that I removed have fixed half the problem. Now its just the footer thats missing in IE. My guess is I have an extra close tag in the footer.tpl file so I am going to check that out.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)