Hello and welcome to our community! Is this your first visit?
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
    Nov 2011
    Thanked 0 Times in 0 Posts

    height chrome issue

    I have a problem with css in chrome.
    I have a mini cart in the right column and when I add products the cart box is getting bigger and comes over the footer instead of pushing it down.
    This issue I have only in chrome browser.

    Right column is set on auto height. If I set height (2000px), I get footer to go down, but I don't need a set height.


  • #2
    most likley ... In your css
    you need to set the right column to float:right;
    you need to set the left column to float:left;
    then you need to put this line under the code above
    <div style="clear:both;"></div>
    then put in your footer code

    like so:
    PHP Code:
    <div style="float:right;">Right Col</div>
    div style="float:left;">Left Col</div>
    div style="clear:both;"></div>
    div id="footer">Footer</div
    I am guessing here, because its strange that it doesn't effect other browsers, and this is where it would be really helpful if you would post your code.
    Help us help you

  • #3
    New Coder
    Join Date
    Mar 2012
    Thanked 0 Times in 0 Posts
    As Junsee Stated - you need to use a "CLEAR" to clear your floats to allow your footer to move down the page - typically place a <div style="clear:both !important;"></div> before your closing DIV tag for the content container above the footer.


    Posting Permissions

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