Sign in to follow this  

SOLVED [css/xhtml] Div alignment out by a few pixels

Recommended Posts

xxxxxx.xxxxxx    46

Im having a little bother with a page im trying to write. Im not the greatest with creating websites but this small flaw is irritating me.

Have a look at this page please, there are four sections (header, navigation, main, footer). If you look at the length of the navigation and footer sections they are a few pixels longer than the header and main sections. I'l leave you to just view source the page to view the xhtml and the css is found here.

Any help with this would be greatly appreciated.

Thanks :)

EDIT: I literally spent hours on this last night and I have now managed to fix the areas in question. Sorry for the wasted topic, please lock/close do what you wish with me :D

Share this post


Link to post
Share on other sites
Seahorsepip    539

Use atleast a basic css reset :rofl:


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
[/CODE]

And your html layout is a mess, don't use tables for your header and use h1 for your header text, otherwise you won't end up on the first google results page :p

I can write this layout quickly in html5 if you want ^^

Share this post


Link to post
Share on other sites
Seahorsepip    539

Oh and if you need some help with using css on layouts: http://learnlayout.com/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.