entry stretching across screen

  • Resolved Rae Sengele

    (@rsengele)


    13 years, 12 months ago

    My entries are stretching across the screen and I can’t figure out how to fix it. This is what it looks like now: http://blog.so-disco.net & this is a bit what I would like it to look like: http://so-disco.net. So, basically centered on the page only a bit wider than on the so-disco page.

    Here’s the CSS:
    body {
    background-color: #ffffff;
    font-family: Georgia;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    text-wrap: normal;
    text-align: center;
    }

    a {
    color: #ff6699;
    text-decoration: none;
    font-weight: normal;
    }

    a:hover {
    color: #666666;
    text-decoration: none;
    }

    blockquote {
    background-color: none;
    font-size: 12px;
    border-left: 2px solid #ff6699;
    border-right: none;
    border-top: none;
    border-bottom: none;
    margin: 0px;
    padding-left: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    line-height: 15px;
    width: 95%;

    }

    #header {top: 5px;
    left: 300px
    width: 738px;
    }

    #container {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 900px;
    }

    #content {
    position: absolute;
    top: 200px;
    left: 540px;
    width: 800px;
    padding-bottom: 25px;
    text-align: left;
    }

    #entryheader {
    margin: 0px;
    padding: 2px;
    color: #666666;
    text-align: center;
    font-family: Georgia;
    letter-spacing: 2px;
    font-size: 12px;
    }

    #entry {
    padding: 10px;
    margin-bottom: 25px;
    left: 540px;
    width: 800px;
    padding-bottom: 25px;
    text-align: left;
    }

    h2 {
    color: #666666;
    font-size: 12px;
    font-family: Georgia;
    text-align: center;
    letter-spacing: 2px;
    padding: 2 px;
    font-weight: normal;
    }

    h3 {
    color: #ff6699;
    font-size: 24px;
    text-align: center;
    font-family: Georgia;
    }

    h4 {
    font-variant: small-caps;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 1px;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 15px;
    font-family: Georgia;
    font-weight: normal;
    letter-spacing: 1px;
    color: #666666;
    }

    Please, please, please help!

Viewing 1 replies (of 1 total)
  • marjiec

    (@marjiec)

    13 years, 12 months ago

    There is no css rule for your entry, that is because it is a class not an id.
    Your css has #entry it should be .entry.
    I would copy the #entry, paste it then remove the # with a . you can change the padding if you want.
    BTW the other tags for container , content and entryhead are also class not id. They should be changed to. That is why your post has no style.

    No need to post your code. We can find it.

Viewing 1 replies (of 1 total)
  • The topic ‘entry stretching across screen’ is closed to new replies.