Forum Moderators: not2easy

Message Too Old, No Replies

CSS div borders

right and left border will not display in firefox

         

pl0d

11:37 pm on Jun 21, 2006 (gmt 0)

10+ Year Member



I have everything inside of one div named container:

.container{
margin: auto;
width: 700px;
border: 20px solid black;
border-bottom-width:0px;
}

The three sides of the page (top, left and right) appear correctly in ie, but only the top appears in firefox. Anyone know why?

Also, how do I make a div extend the entire height of the page. Even when I have "height:100%;" it only extends as far down as the content within it.

Thanks

Setek

1:42 am on Jun 22, 2006 (gmt 0)

10+ Year Member



I have your code working in Firefox 1.5.0.4 for Windows :)

So it's still unclear, it could be many things... specificity problem, something positioned absolutely on top that overlaps, same selector defined somewhere sequentially below...

The Web Developer Toolbar is a great extension for debugging - Highlight Custom Elements, Highlight Block Level Elements, Highlight Positioned Elements - and looking at it like that might help find what's going on.