|
|
Posted by Philip on 06/22/06 20:48
In article <1151007337.751914.201280@g10g2000cwb.googlegroups.com>,
joshbeall@gmail.com wrote:
> Hi All,
>
> Take a look at this page:
>
> http://www.joshbeall.com/personal/BottomBorderIssue.htm
>
> See how the bottom border on the <div class="ContentHeader"> is running
> through the right-floated LoginBox div? That's not what I want. I'd
> like a line to run all the way across the page, but not to run through
> the LoginBox (or any other boxes that are there. I had expected it to
> behave like text, and to stop when it reaches the edge of the LoginBox.
THe login box is floated, and that takes it out of the normal
arrangement of elements which is why it doesn't behave like you expect.
I'd fix it by changing the div.ContentHeader margin definition to this:
margin-top: 1em;
margin-right: 225px;
Even better, don't use pixel widths (they're not friendly to changes in
text size) so you get something like this:
div.ContentHeader { margin-top: 1em; margin-right: 12em; }
div.LoginBox { width: 15em; }
HTH
--
Philip
http://NikitaTheSpider.com/
Bulk HTML validation, link checking and more
Navigation:
[Reply to this message]
|