Really Weird Basic Nooby Erro

Discussion in 'CSS' started by HWolfpack6, Mar 3, 2009.

0
  1. #1
    Hi,
    I am getting this error w/ my CSS. Here's my CSS:

    #content {
    position: absolute;
    top: 180px;
    left: 280px;
    width: 450px;
    background: #000000;
    border-color: #FFFFFF;
    }

    On the left and right there are bars. Basically, I will type in content, and it is in the content div, but instead of hitting the right end of the div (730px from the left), it extends it the rest of the page (and thus, goes behind my right bar div). What's wrong with it?
     
    HWolfpack6, Mar 3, 2009 IP
  2. Jaden-Ellett

    Jaden-Ellett Peon

    Messages:
    55
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you could try using the
    float: (left; or right; ) tag
    but a screenshot would help me understand your problem better!
     
    Jaden-Ellett, Mar 3, 2009 IP
  3. HWolfpack6

    HWolfpack6 Banned

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    [​IMG]
     
    HWolfpack6, Mar 3, 2009 IP
  4. Jaden-Ellett

    Jaden-Ellett Peon

    Messages:
    55
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hey bud sorry for the late reply I got busy :/
    If I was designing what your doing i would probably make three divs
    #left {
    width: size;
    height: size;
    background: url(file_name.jpg);
    float: left;
    }

    #content {
    width: size;
    height: size;
    float: left;
    }

    #right {
    width: size;
    height: size;
    background: url(file_name.jpg);
    float: left;
    }

    This makes a simple three column layout. If you then want to center it you can either make a #wrapper div and set its margin to 0 auto. Or you can do <div align="center"> at the begging of your document and that will center it!... If you still are having trouble give me the images and i can do it for you!
     
    Jaden-Ellett, Mar 6, 2009 IP