Small error needs fix @ #wrapper

Discussion in 'CSS' started by scubita, Dec 28, 2008.

0
  1. #1
    Hi guys

    Just totally messed with holidays and i need this fixed:

    #wrapper {
    width: 880px;
    height: auto;
    margin-left:auto;
    margin-right:auto;
    }

    Why the hell is this not working properly? I want to get the "faux" sensation that left column goes all the way down (on auto). Only way to work is to change the wrapper (height:auto) value to exact pixel say, 1500px.

    Ideas?
     
    scubita, Dec 28, 2008 IP
  2. scubita

    scubita Peon

    Messages:
    5,550
    Likes Received:
    318
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Just solve it :) Duh, i'm really tired:

    #wrapper {
    width: 880px;
    display: table;
    margin: 0px auto;
    background-color: #CCD9FB;
    }

    And that's it.
     
    scubita, Dec 28, 2008 IP
  3. m_wc

    m_wc Well-Known Member

    Messages:
    857
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    125
    #3
    try

    
#wrapper {
width: 880px;
[B]min-height:500px !important;
height: auto !important;
height:500px;
[/B]margin-left:auto;
margin-right:auto;
}
    Code (markup):
    Just put anything you want to use minimum (500, 600 etc)
     
    m_wc, Dec 28, 2008 IP
  4. scubita

    scubita Peon

    Messages:
    5,550
    Likes Received:
    318
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Did a test but it doesn't work as supposed. No problem since the fix i placed above works as a charm in FF and IE. :)
     
    scubita, Dec 28, 2008 IP