3 replies [Last post]
brian914
Offline
Regular
Last seen: 15 weeks 5 days ago
Timezone: GMT-7
Joined: 2007-09-20
Posts: 18
Points: 0

I have tow div, that fload inside another div. The two inside don't have a background, while the one that holds them, does. This works fine in all browsers I have checked so far, but I just had a friend of mine check it on a pc and IE is doing this weird thing. It seems like it is giving the two inside a white background. How can I avoid this from happening and is this even the real issue?
You can see it here:
http://www.agilitygraphics.com/clients/darpino

The CSS looks like this:

.pageBody { margin: 0 4px; background: #292929 url(../img/general/body_bg.jpg) repeat-x 100% 0%; } .column01 { float:left; width: 170px; margin: 40px 45px 40px 25px; } .column02 { float:left; width: 440px; margin: 40px 0 2px 25px; }

pageBody holds column01 and 02.

Thank you for any help!

sticks464
Offline
Enthusiast
Topeka, KS.
Last seen: 9 years 4 days ago
Topeka, KS.
Timezone: GMT-6
Joined: 2006-10-18
Posts: 116
Points: 71

Give the .pagebody a height

Give the .pagebody a height of 100% for IE

brian914
Offline
Regular
Last seen: 15 weeks 5 days ago
Timezone: GMT-7
Joined: 2007-09-20
Posts: 18
Points: 0

In a seperate stylesheet?

Give the 100% in a seperate IE only style sheet or just in the main one?

brian914
Offline
Regular
Last seen: 15 weeks 5 days ago
Timezone: GMT-7
Joined: 2007-09-20
Posts: 18
Points: 0

Fixed

OK, I put it in the main style sheet and it seems to fix the issue.
Thank you very much!