Topic: css - div problem (Page 1 of 1)

this is what it looks like at the moment
www.digitalwright.net/div

and if you make your browser window smaler you will see that the blue div does not goe right to the bottom why's that and do you have an idea on how to fix that?

thanks

Blacknight

Your missing a closing div tag.

Usually putting a <br clear="all" /> right before the closing tag would bring the bottom of divs to where you want.

In your CSS, if you replace

border-bottom:1;

border-bottom-color:Navy;

border-bottom-style:solid;

border-bottom-width:1px;

border-left:1;

border-left-color:Navy;

border-left-style:solid;

border-left-width:1px;

border-right:1;

border-right-color:Navy;

border-right-style:solid;

border-right-width:1px;

border-top:1;

border-top-color:Navy;

border-top-style:solid;

border-top-width:1px;

with

border:1px solid navy;

you can achive the same thing.

Hope this helps!



(Edited by zavaboy on 12-28-2004 10:38)

So <br clear="all" /> closes every open DIV?



(Edited by Ensellitis on 12-28-2004 11:26)

No, clear="all" (or, more appropriately, in the css - "clear:both;") ends the effect of any previous floats.

this does two things -

1) pushes the following content below the level of any floating items preceeding it, and

2) forces a containing element to stretch to encompass any floating elements within it.

There is a good reason for it *not* to stretch without the clear, and and good article was posted discussing it a while back....my memory escapes me at the moment though...
If I find it I'll drop a link.

thanks for the help i will try it as soon as i have time

hmmm somehow this didn't realy work or am i still doing somthing wrong?

atleast i got my html and css validated