Ahh CSS, why do you hate me!

[NetNessie]

I've been working on a blog template for a friend for a while now, but the header keeps moving around. Right now the rest of its fine, but for some reason a huge amount of space is added between the wrapper div and the header div.

Either way, if you'd like to give a hand, you can find the template over here:

http://meatbasedproducts.blogspot.com/

The CSS is found within the HTML. Any suggestions would be helpful. I can give the origional file if anyone needs it.

I'd appreciate it if someone worked this little bugger out for me. Cheers.

[Iggy]

Try using the official validator, this has been a great help to me for fixing CSS/XHTML-problems. (59 errors in the mark-up code according to it for that template you posted).

http://validator.w3.org/

I'm viewing that template you posted and I don't see any flaws on first sight. Any screenshot you can post?

[Usurper]

position:static? Is that in the specs? I think legal values are "auto, relative, fixed, and absolute," based on memory.

[NetNessie]

Static, relative, absolute, fixed & inherit are all suitable attributes according to w3.

The validator just pins errors with the code that blogger automatically inserts. Despite a couple of missing <p> tags, there doesnt seem to be a markup problem.

Image anyone;

[biXen]

In wrapper style:
set border-top-width to 0px and margin-top to 0px.

[NetNessie]

biXen said:
In wrapper style:
set border-top-width to 0px and margin-top to 0px.



Well that worked... not that I know why. Cheers biXen! http://forums.3drealms.com/ubbthreads/images/graemlins/grin.gif

[biXen]

The margin just pushes your content downwards (inwards really) 50 pixels from the top. And the border created a 10 pixel border (with blank content). Why you had it there in the first place is the big question http://forums.3drealms.com/ubbthreads/images/graemlins/wink.gif But I guess it suited the original design or something http://forums.3drealms.com/ubbthreads/images/graemlins/smile.gif

Beware that I didn't test it in IE now, it might be one more setting if there's other weirdness http://forums.3drealms.com/ubbthreads/images/graemlins/smile.gif

[NetNessie]

The page actually displays normally and validates, its only when its used as a blogger template does it do its own thing. Probably because blogger inserts its own CSS that interferes with my CSS. Such is life.

[biXen]

Yeah there's nothing wrong with the code, it's just made to have that spacing there, and if you have some other background than you do now you'd probably want that. Anyway, glad I could help.