Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS my footer section moved to the righ slightly. Not sure why

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #36436
    Diniz76
    Participant

    Hi
    thanks for reading it.

    this is my website http://www.dm-rl.com

    the footer section moved slightly to the right. The css codes are bellow hope someone can help me to get it straight.

    /* ############################### FOOTER ############################### */
    #footer {
    color:#fff;
    padding:20px;
    width: 965px;
    text-align:left;
    position:relative;
    margin-bottom:0px;
    overflow:visible;
    }

    /* ############################### MAILING LIST */
    #eList{
    left: 5px;
    position: absolute;
    top: 39px;
    width: 164px;
    background: url(../images/template/elist_bg.gif) no-repeat bottom left;
    }

    #title {
    color: #000000;
    font: 11px "Times New Roman",Times,serif;
    margin: 0 0 12px;}

    #eList form{
    margin:0;
    padding:0;
    width:100%;
    }
    #elist_input{
    background: #D0D0D0;
    border:000000;
    color: #000000;
    float: left;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 3px;
    text-align: left;
    width: 139px;
    }
    #elist_submit {
    border:0px;
    background:#ffffff;
    color: #202020;
    cursor: pointer;
    float: right;
    font: 0 Arial,Helvetica,sans-serif;
    height: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 18px;
    }


    /* ############################### FOOTER TOP */
    #footerTop {
    margin:0;
    padding:9px 0 0 214px;}


    #footerTop ul {
    margin:0px 80px 0px 0px;
    padding:0;
    list-style:none;
    display:inline;
    float:left;}

    #footerTop ul li {
    margin: 0 0 5px;
    padding:0;
    color:#000000;
    font: 11px Arial, Helvetica, sans-serif;}

    #footerTop ul li.title { margin: 0 0 9px; font: NORMAL 11px "Times New Roman", Times, serif;}

    #footerTop ul li a {color:#000000; }



    /* ############################### MAILING LIST */
    #ssl{
    right: 5px;
    position: absolute;
    top: 39px;
    COLOR:000000;}

    /* ############################### FOOTER BOTTOM */
    #footerBottom {
    clear: both;
    color: #000000;
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    padding: 14px;
    text-align: center;}


    #footerBottom a {color:#000000;}

    Many thanks

    Marcio

    #95836
    TheDoc
    Member

    You have 28 divs, but only 26 of them are being closed.

    #95841
    snillor
    Member

    Nice looking site at least in Firefox and Safari – but in IE9 the layout is completely broken.

    As TheDoc noted, some divs aren’t closed. But you have more things than that to look at. The W3C validator shows 72 errors, some related to the divs issue, many with elements where they aren’t permitted, a few about improperly closed elements.

    I’m pretty sure these are causing the IE problems and probably the footer issue you asked about.

    If you run your code through the W3C validator and then work on fixing the errors, I’ll bet that’ll go a long way toward solving the problems.

    BTW, your CSS doesn’t validate either, but I wouldn’t worry too much about it – it’s mostly because the validator doesn’t like some vendor prefixes and some CSS3 stuff. Ignore these “errors” and the CSS is pretty much error-free.

    #95868
    Diniz76
    Participant

    Thanks you very much for your most valuable tips. Really appreciate it.

    Marcio

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.