Sent by Rowan @ Jetboy on 22 December 2005 16:04
On the containing div, try either:
position: relative;
and/or:
height: 0;
The latter to give the <div> layout (as in hasLayout). I had to use both to
drag <li>s out of <ul>s with negative margins, but it may be different in
your circumstances.
I'd strongly suggest you put at least the height declaration in a
conditional comment to avoid breaking real browsers. ;)
<snip>
I've got a container div with a 10px padding set on it, and inside of the
container I have hr's whose margin-left and margin-right I've set to -10px
so that they would "break" out of the padding and give the feeling of
seperating the content within the container while keeping the padding for
the text. This works nicely in FF, and in IE the hr stretches 100% of the
available space but doesn't "break" out of the padding. Is there anyway to
acheive what I'm trying to do? If there's a better approach than I've taken
please let me know. Thanks.
Psuedocode:
<div style="padding: 10px">
<p>
Sample text
</p>
<hr style="margin: 0 -10px 0 -10px" />
<p>
Sample text
</p>
</div>
</snip>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
