PDA

View Full Version : Need Some CSS help



MatthewDP
11 Aug 2007, 05:43 PM
I'm making a website with CSS and my menu is bleeding through the div container that it's in in firefox.

you can see what I mean here: http://tlc.logiclizard.com/

Here's my CSS File: http://tlc.logiclizard.com/style.css

Any help would be appreciated.

Thanks!

Wickham
12 Aug 2007, 06:49 AM
Your .clear div in the css file needs to have clear: both and you need to make it NIL height so that there is no gap in the side borders:-

.clear { clear: both;
width: 450px;
height: 0; /* was 14px;*/
line-height: 0; font-size: 0;
background-color: #FFFFFF;
}

and in this case in the html file it needs to be full width and positioned outside the #Main div ie after the closing tag </div> so that it forms a continuous barrier under the floated left div and the #Main div so that the #footer div does not go up into a gap under #Main:-

...</form>

</div><!--end of #main-->

<div class="clear" style="width: 997px;">
</div><!--was 715px-->

<div id="footer"></div>........

and I think your #main needs a left margin of 235px

margin: 0px 0px 2px 235px;/*was 0px 0px 2px 193px; */
because #Left is 200px +10 +25 = 235px overall.

I used your News page but it should be the same principle for the others.