...

View Full Version : Help with a div element



stfc_boy
10-19-2007, 08:52 PM
Hi Guys,

I'm trying to build my CSS website and i'm stuck on one bit. on this page if you view it in IE:

http://www.sloughtownfc.net/new_design/example.php

Under those three boxes there is another box below, but in FF the box disappears behind the three boxes. Why is this?

Thanks

Chris

Trapped
10-19-2007, 09:03 PM
try to change this css rule

.media_watch {
margin-top:20px;
width:584px;
border:1px #CCCCCC solid;
}

Into


.media_watch {
clear:both;
margin-top:20px;
width:584px;
border:1px #CCCCCC solid;
}


and let me know if it fixes the error.

stfc_boy
10-19-2007, 09:23 PM
Thanks, that nearly worked. It's moved the box down, but in FF seems to have ignored the margin-top rule.

Also what does clear do. Can someone explain it to me in English in my example. I've googled it but it makes no sense to me??

trigger_tre
10-19-2007, 09:35 PM
This site should explain the "clear" property. http://www.positioniseverything.net/easyclearing.html

Pay close attention to the first diagram.

-trigger



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum