Topic: css - div problem Pages that link to <a href="https://ozoneasylum.com/backlink?for=24510" title="Pages that link to Topic: css - div problem" rel="nofollow" >Topic: css - div problem\

 
Author Thread
Blacknight
Bipolar (III) Inmate

From: INFRONT OF MY PC
Insane since: Dec 2001

IP logged posted posted 12-27-2004 15:02 Edit Quote

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

zavaboy
Bipolar (III) Inmate

From: f(x)
Insane since: Jun 2004

IP logged posted posted 12-28-2004 10:37 Edit Quote

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

code:
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

code:
border:1px solid navy;


you can achive the same thing.

Hope this helps!



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

Ensellitis
Bipolar (III) Inmate

From: New York, USA
Insane since: Feb 2002

IP logged posted posted 12-28-2004 11:25 Edit Quote

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



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

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 12-28-2004 16:09 Edit Quote

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.

Blacknight
Bipolar (III) Inmate

From: INFRONT OF MY PC
Insane since: Dec 2001

IP logged posted posted 12-28-2004 18:56 Edit Quote

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

Blacknight
Bipolar (III) Inmate

From: INFRONT OF MY PC
Insane since: Dec 2001

IP logged posted posted 12-29-2004 15:20 Edit Quote

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

atleast i got my html and css validated



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu