[HTML/CSS] Mis-aligning..

Joined
Dec 4, 2007
Messages
1,935
Reaction score
96
Here's my CSS for this part:

Code:
.content
{
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 776px;
    background-color: #fffadc;
        color: #2f3b4b;
}
.content_border
{
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 786px;
    background-color: #fffadc;
    color: #2f3b4b;
    border-right:1px dotted #cccccc;
    border-left:1px dotted #cccccc;
    border-top:1px dotted #cccccc;
    border-bottom:none;
}
.footer
{
    margin: 0 auto;
    padding: 0;
    width: 786px;
    height: 5px;
    background: #fffadc;
    color: #000000;
    text-decoration: none;
    font: bold 12px Arial;
    border-right:1px dotted #cccccc;
    border-left:1px dotted #cccccc;
    border-top:none;
    border-bottom:1px dotted #cccccc;
}

Here's my HTML for this part:

footer.htm
Code:
</div>

<div class="footer">
 </div>
    </div>

Why doesn't it align with the statistics area? It's off by one pixel on each end.

Mike - [HTML/CSS] Mis-aligning.. - RaGEZONE Forums


Live demo: http://trasion.com/website/
 
I dunno, but you're missing some tags

For example along the top (Register/Login/Client Login/Buy)... you're missing </div></td></tr> before </table> - either that or the </table> shouldn't be there

There's no start <b> tag before "1 Guests and 1</b> Members"

And then you've got some unmatched </td></tr> and other tags after "Powered by Trasion"

It's probably worth gettin everything matched before trying to worry about alignment :) ... In my experience, fixing that stuff fixes the alignment problems that are so annoying, a fair bit of the time

...PS: This Trasion thing looks SHARP dude :) Good job
 
You have a <link> tag in the body (line 17 (should be in the head)), and a unmached </b> on line115. Those are the only errors my debugger see's, have you tried to adjust the padding?
 
Back