5 replies [Last post]
roscoe
roscoe's picture
Offline
Enthusiast
Last seen: 12 years 20 weeks ago
Joined: 2006-03-09
Posts: 138
Points: 0

html: http://roscoecreations.com/orange/template.html
css: http://roscoecreations.com/orange/css/global.css

I am having IE6/IE7 problems with my layout (who isn't?). If you can view my template in Firefox, Opera, or Safari you will see it the right way and then view it in IE6 to see all the problems I am having.

1) I'm using the Spiffy Corners (http://www.spiffycorners.com/) CSS to create the rounded corners on the box for my navigation. I have clearfix on the nav so that it goes below the UL but it isn't doing that.

2) I have a background on my container div so that the side bar goes the entire length of whatever is in the content. I've done this before and it always works. For some reason it isn't this time?

3) The footer div and the content div are overlapping.

I would appreciate it if someone could help me out with these things. Thanks.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The clearfix has to go on

The clearfix has to go on the element containing the floats (the ul), not an element stuck in at the end of the float and you don't need clearfix after #sidebar, you need it on #container.

You need also clear: both on your footer.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

purewebdesigner
purewebdesigner's picture
Offline
Enthusiast
Washington DC
Last seen: 2 years 1 week ago
Washington DC
Timezone: GMT-5
Joined: 2007-04-22
Posts: 234
Points: 95

Re: I am having IE6/IE7 problems with my layout

I've ran into the same issue, I simply made my bg an image and used the sliding door techhttp://www.google.com/search?source=ig&hl=en&q=sliding+doors+css&btnG=Google+Search. hope this helps!
Cheers

CSSExpression EngineHTMLWordpressCoffee

Personal Website: curtisscott.com
Follow Me on Twitter: twitter.com/curtisscott_com

roscoe
roscoe's picture
Offline
Enthusiast
Last seen: 12 years 20 weeks ago
Joined: 2006-03-09
Posts: 138
Points: 0

That worked great Tyssen,

That worked great Tyssen, thank you. One more question about the clearfix...I'm new to it.

All the elements I added the class="clearfix" to were IDs, what if they were classes? Can you put two classes on an element? If not, how else would you do it?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

roscoe wrote:Can you put two

roscoe wrote:
Can you put two classes on an element?

Just leave a space between the class names, e.g. class="class1 class2 class3".

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

roscoe
roscoe's picture
Offline
Enthusiast
Last seen: 12 years 20 weeks ago
Joined: 2006-03-09
Posts: 138
Points: 0

Thanks, that's good to know.

Thanks, that's good to know.