Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthor2old2play
    • CommentTimeMar 15th 2006
     permalink
    Ok, this happens to me all the time in IE.

    http://www.lytis.com/V3/

    If you look, you will see a small break in the nav bar where it should be seamless. I have set the margins and padding to 0, yet there is still that break. FF is fine but IE will not close that gap. Why is this happening? It happens to me all the time and yet I never know why.
  1.  permalink
    I bet it's because of the line break between the contentop div and the start of the navContainer division. IE interprets line-breaks as spaces or as whole line-breaks on screen. One way to fix that might be to remove the line-break and put them all on the same line.

    Another fix is to wrap navContainer with contentop and just apply background-position: top left; to contentop with a transparent background color.
    • CommentAuthorKanashii
    • CommentTimeMar 15th 2006 edited
     permalink

    Or you could remove contenttop div, apply the top.gif background to navContainer and give the navContainer some margin-top to seperate from the header and padding-top of 13px.

    •  
      CommentAuthoranblik
    • CommentTimeMar 15th 2006
     permalink
    This is an example of collapsible margins. Because the <div id=contentop> element is empty, its vertical margins meet and then collapse with <div id=navContainer> but horizontal margins never collapsed. Try inserting one  (space) or a 1*1 pixel within <div id=contentop> element. A bad hack though.
    • CommentAuthor2old2play
    • CommentTimeMar 15th 2006
     permalink
    Hmmm, well I tried all your tips, but none of them worked. Its so wierd since it happens to me in almost every design I have. I wish I could nail this sucker down.
    • CommentAuthor2old2play
    • CommentTimeMar 15th 2006
     permalink
    odd, by using <div class="class"><!-- --></div> everything seemed to work.
    • CommentAuthorLuc
    • CommentTimeMar 16th 2006
     permalink
    [quote]odd, by using <div class="class"><!-- --></div> everything seemed to work.[/quote]
    Yeah, IE has issues with empty divs - I've gotten to the point where any div I create starts with comment tags in it so that if I forget about it, it's not going to leave a nasy space.
    • CommentAuthorLuc
    • CommentTimeMar 16th 2006
     permalink
    Oddly enough, I just found a post on it that might have been helpful about 12 hours ago... http://www.zucchetti.co.uk/?p=75
Add your comments
    Username Password
  • Format comments as (Help)