Ian Sweeney wrote:
>I have a div (id=copyright) within a div (id=content) within a body.
>The content div has left and right borders which run down the full height
of the content div.
>If I put float:right in the copyright div then the content borders only run
down as far as the top of the copyright div.
First of all, your width property for the div#copyright selector was not set
wide enough. That is why it was stopping about 3/4 of the way across the
page.
Next, in the div#copyright p selector change text-align value to that of
right.
The last step is to change the bottom padding from 1px to 5px for the
div#container selector. This allows the right border to match evenly with
the bottom of the div#copyright selectors bottom border .
This was only tested in FF 1.0.4.
Below are the CSS modifications.
div#copyright
{
background-color: #fffdec;
border-bottom: 1px solid #fffdec;
border-top: 5px solid #d75f2e;
float: right; /* This line
breaks the borders */
margin: 0;
padding: 0;
width: 751px;
}
div#copyright p
{
text-align: right;
}
div#container
{
background-color: white;
border-left: 6px solid #d75f2e;
border-right: 9px solid #000080;
margin: 0;
padding: 0px 0px 5px 0px;
}
Hope this helps.
Steven Costello
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
