3 replies
  • WEB DESIGN
  • |
Hey guys I need some help with a small issue on my new website.

The link is: Xbox 360 Rapid Fire Controllers - Free shipping on all orders!

As you can see, by examining the code and style sheet, the content is restrained by a height in pixels.

I need to know how to make that expand with what is inside the content division.

I tried removing the height, but it makes the black background come through as if it is no longer there.

Please help!

Thanks,
-Christian
#website
  • Profile picture of the author Kezz
    This is always such a pain to do with css, and tricky for cross browser reliability.

    I always refer to this site and do some form of what it shows: CSS Layout - 100% height

    It's all about position and min-height. Also, I find it always helps to have a general body and html tag in your style sheet, and in each have height and width set to 100%

    Make sure you test in all browsers on this one too. I can't say how many times I've had this working in one browser and not another. Lately a lot of site have had their footers floating high in Chrome too.

    But yeah, have a shot of working with the setup in that link, and if that doesn't work let us know. It should work though.
    {{ DiscussionBoard.errors[758173].message }}
  • Profile picture of the author gcornelisse
    remove the height property and change this

    HTML Code:
     </div>
    </div>
    <div class="footer"></div>
    <div class="footerleft">
    to

    HTML Code:
     </div>
        <div style="clear: both;"></div>
    </div>
    <div class="footer"></div>
    <div class="footerleft">
    {{ DiscussionBoard.errors[758199].message }}

Trending Topics