Results 1 to 2 of 2

Thread: Need Some CSS help

  1. #1
    Join Date
    Aug 2007
    Posts
    1

    Need Some CSS help

    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!

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    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.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. CSS and PHPBB Help
    By e3_host in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 01 Sep 2006, 01:47 AM
  2. Problems Positioning with CSS
    By kirstybandm in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 17 Jan 2006, 05:33 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •