Not signed in (Sign In)

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

Categories

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

    • CommentAuthorkatiek648
    • CommentTimeJun 8th 2007
     permalink
    Forgive me, but I am somewhat new at CSS.

    Here is the page I am working on: http://demo.aaepa.com/default2.aspx

    It works okay in IE7, but not in firefox. I have a repeating background image that stops at the end of my banner. When I put a height to that container, it works, but then the content box does not follow thorugh to the footer.

    Can someone show me what I am doing wrong or suggest a better way of coding it?

    Thanks,
    Katie
    • CommentAuthoraxe_sosharp
    • CommentTimeJun 8th 2007 edited
     permalink
    You need to clear the two floated divs for the container to have height. eg

    <div id="container">
    <div class="top"><img src="/images/header.gif"></div>
    <div id="banner">BANNER<br>
    <br>
    <br>
    <br>
    <br>
    </div>
    <div id="content"> This is the Content<br>
    <br>
    <br>
    <br>
    <br>
    </div>
    <div id="nav"> This is the nav<br>
    <br>
    <br>
    <br>
    <br>
    </div>
    <div style="clear:both,height:0;font-size:0;"> </div>
    </div>
    <div class="footer"> <img src="images/footer.gif"> </div>
  1.  permalink
    To know more about freelancing

    experiences and new freelance works contact

    http://tinyurl.com/yr4k7n

    http://www.getafreelancer.com/affiliates/L

    antis/
Add your comments
    Username Password
  • Format comments as (Help)