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. #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. #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