Website Help

by 3 replies
4
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 design #website
  • 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.
  • 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">
    • [ 1 ] Thanks
    • [1] reply
Join the discussion

Next Topics on Trending Feed