Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Aug 2006
    Location
    Dallas area
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    FF NN & IE7 work; What's wrong with IE6?

    I'm trying to get myself up to speed on standards and have completely reworked my meager website to try to utilize CSS. My site renders correctly in browsers like Netscape, Firefox, and even IE7 (did they get something right for once?). But since most users are still using IE6, that's my main concern..... Because that's the one browser that seems to blow up my site. Does anyone have any suggestions?

    www.GoMylo.com/newsite/index.htm
    www.GoMylo.com/newsite/style.css

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Move your content div before your rightside div. Give a width of 158px to both your left and right side divs. Make your content 371px wide, float it left. Get rid of the left and right margins on the content div as well. Then just before you close your wrapper div add this
    Code:
    <div class="clear">&nbsp;</div>
    and add this to your CSS
    Code:
    .clear {
    clear:both;
    font-size:0;
    line-height:0px;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,791
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Ive become a fan of using horzontal rules for this. Since what your doing is just applying a sort of meaningless element to just clear floats, using a div is sort of overkill. At least thats how I see it.

    anyways either will work but with a little less CSS and HTML you can use:

    Code:
    <hr class="clear">
    or the XHTML
    Code:
    <hr class="clear" />
    and the css of
    Code:
    hr.clear {
    clear: both;
    visibility: hidden;
    }
    IE6 (dont about 7) does give it a little spacing either the float or the hr itsself but it's some 6 pixels or so.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

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