[paulanthony]

You guys helped me not too long ago- Im hoping for more of the same.
So far I have a CSS layout mockup here

www.webdesignbelfast.com/compilation/

Anyone know where the extra space above the text comes from?

Thanks in Advance.
Paul.

[spacious]

i suppose you meant the test text in your centercontent div, if so...

you are seeing the default padding and/or margins applied to your <p>tag.

simply add :

#contentcenter p{

padding:0;
margin:0;
}

and you can adjust paragraph tags inside that div.

i usually like to start out my sheets with something like:


body, div, p, ul, li, h1, (etc...)
{
padding:0;
margin:0;
}


to strip out all the different browsers different defaults and then apply my own.

if that isn't what you meant, clarify and i'll hook ya up.

and remember, you can also alter your lineheight and use negative margins...

peace-

[paulanthony]

Sorry- that wasn't what I meant...there seems to be a shed load of space between the contentheader and contentcenter DIVs...pushing the navigation down quite a bit...I've screenshotted to clairfy.

http://www.webdesignbelfast.com/comp...screenshot.jpg

[spacious]

your problem lies with all those inline styled divs for each image.

it actually renders right in Moz, but not IE.

you will have to fool with doing those differently. you can try absolutely positioning them (inside a relative div) or there are other ways.

but remember the purpose of xhtml and css is to seperate content from layout, and to have semantic markup. If your markup is just nestled divs and inline styles, you are not achieving this. Also it is not a good practice to have hrefs of just javascript (they are useless if not turned on and very unaccessable).

let me know how it goes and good luck!