CSS Question

Discussion in 'CSS' started by aaron_nimocks, Aug 19, 2006.

0
  1. #1
    I just started with CSS pretty much today.

    For the site I am learning on I have a header, content, footer, and left. Left being the menu.

    Heres the style for the left

    div.left
{
background-color: #455372;
float:left;
text-align: top;
width:160px;
margin:0;
padding:1em;
}
    PHP:
    Heres where I display the left.

    <div class="left">
  <p><a href="http://www.dbseller.com/jokes/">Home</a> </p>
</div>
    PHP:
    Now on www.dbseller.com/jokes/ I want the background color to go all the way down to the footer on all pages. It works fine on Firefox on the homepage. Any ideas on how I can do this?

    Thanks
     
    aaron_nimocks, Aug 19, 2006 IP
  2. Tekntoant

    Tekntoant Peon

    Messages:
    294
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I am new to css as well but try this:

    div.content
    {
    margin-left:190px;
    height: 100%;
    border-left:1px solid gray;
    padding:1em;
    }

    But check different browsers. I notice you already have a drastic visual difference in firefox and IE.
     
    Tekntoant, Aug 19, 2006 IP
  3. aaron_nimocks

    aaron_nimocks Im kind of a big deal Staff

    Messages:
    5,563
    Likes Received:
    627
    Best Answers:
    0
    Trophy Points:
    420
    #3
    Didnt work for me.

    If I add the 100% in the left Div then it will stretch it some more but it doesnt reach the footer.
     
    aaron_nimocks, Aug 19, 2006 IP
  4. Tekntoant

    Tekntoant Peon

    Messages:
    294
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It works in Firefox but not in IE.

    I know I have seen many people have problems with getting the footer to the bottom. I am sure there is someone on here with a lot more experience that can help you.

    good luck.
     
    Tekntoant, Aug 19, 2006 IP
  5. aaron_nimocks

    aaron_nimocks Im kind of a big deal Staff

    Messages:
    5,563
    Likes Received:
    627
    Best Answers:
    0
    Trophy Points:
    420
    #5
    Thanks for giving it a shot. :)
     
    aaron_nimocks, Aug 19, 2006 IP
  6. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #6
    See if this 2 column demo helps. Google "faux columns" for the ALA article.

    cheers,

    gary
     
    kk5st, Aug 19, 2006 IP