Sign in to follow this  
Followers 0

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


3 posts in this topic

Posted

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

Posted

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;

}

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

Posted

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  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.