<div class="clear" /> leaves buffer below...

mishimasan

Why is it that on my site, the <div class="clear" /> that I place under the header leaves a white space in firefox just before the main content div (id=wrapper) starts and in IE there's nothing there? How can I get rid of the space so that there's nothing inbetween the bottom of the header and the top of the main content div?

Jick

I'm not sure if it is causing the problem but, if your code really is [FONT="Courier New"]<div class="clear" />[/FONT] then I'm pretty sure it is wrong. As far as I'm aware you cannot have a self-closing div like that. It would have to be [FONT="Courier New"]<div class="clear"></div>[/FONT]. But, like I said, I don't know if that is causing the problem. Just wanted to point that out...

"<div id="search"> (etc) </div>" should be inside of "<li></li>", etc.

Throws many validation errors as a result. Fix this, errors all disappear.

Also, "&nbsp" needs to end with " ; " (four occurances)

But yes, I think that a "<div>" should not be self-closing.

Should be "<div class="clear"><!-- --></div>"

(An 'empty' tag should be filled with a "<!-- -->" too, according to W3C)

mishimasan

People, thank you very much for the excellent feedback! I have made the changes but IE is completely acting up!

What I originally did was start from scratch. I'm a n00b when it comes to WordPress so I followed a really good tutorial from www.wpdesigner.com and I managed to get a really good looking blog after I applied a lot of CSS to it. Then, what happened was I hadn't saved it after I'd finished the tutorial - in its raw format - so rather than do the whole thing again I decided to try to back pedal (I've found that's not such a good idea... maybe it's just me).

Now I'm completely lost and I feel that I should just start again with the CSS - there are literally loads of CSS entries all over the place that I haven't annotated (stupid), so it's confusing if I keep at it like this.

I'll come back if I have any more issues, but thanks so much for the help.

Clément

Jick

WebJoel;967054 wrote:

(An 'empty' tag should be filled with a "<!-- -->" too, according to W3C)

Oh! I never knew that! Do you possibly have a link to somewhere that talks about that? I'd be interested to learn more.