Internet Explorer

[Jtree]

Why is it when I use:

.newline {
clear: left;
}

In my code. I get something relitive to what you see on this page http://home.neb.rr.com/akcdobermans/registration.html . Anything at the top of my main div doesn't show up until you scroll down and then back up again. Am I missing something here or is this a bug in internet explorer. If it is a bug then is there a work around.

By the way if I view this in either opera or Mozilla it does not do the same thing and Yes I am new to this so if you see any other blatant mistakes let me know.

Thanks,
Jtree

[DCElliott]

It is IE weirdness!

I've had the same thing happen in perfectly good, valid CSS that uses the clearing element. And for the life of me, I can't remember exactly how I cleared it up!

One thing you might try is a clearing div

The CSS:
div.clear {display:block; clear:both; height:1em;}

and in your html
<p> stuff stuff stuff </p>
<div class="clear"><!-- clearing break --></div>
<p>More stuff</p>
The nice thing is you can make the break as high as you want by adding some supplementary style info. (This replaces multiple <br> tags that give 1em high vertical spaces.)
<div class="clear" style="height:5em;"><!-- This equals five breaks --></div>

See if that helps

DE

[Jtree]

I just got back to read your reply, thanks I will give that a try and let you know how that works.

Jtree

[Jtree]

I tried breaking it with a div, that didn't work.

Thanks for the idea, I did implement it in another area but it didn't fix the original problem. Do you have any more Ideas????