Sent by Plagiarist.com on 13 August 2002 17:05
Hi,
I'm designing a new site for a poetry and literature encyclopedia database,
and as has been the norm, I'm doing the layout completely in CSS.
Here's the URI:
http://openpoetry.plagiarist.com
In NS6, Mozilla, and Opera, the page renders correctly. The only image in
the header, the open book, floats to the left of the text "open poetry" and
"PROJECT" with the border stopping at the left floated image.
However, in IE6 there seems to be a bug (or else I'm missing something,
which is more likely the case) where the border extends OVER top of the
floated image.
If I take away the negative margin on the "open poetry" div (I made the
margin negative to let the descenders in the "p"s and the "y" descend over
the border-top element of the "PROJECT" div) it works just as expected -
the border stops at the image, or the image is "floated" above the border -
all is well.
But once I use a negative margin in *any* non-floated element the border
appears over the top of the floated image.
I can't set the z-index of the image because it's a floated, not a
positioned, element. When I set it to "position: relative" and then don't
specify a "top" or "left" value, it works just fine in IE but then the
image is removed from the page flow in every other browser, rendering the
text on TOP of the image.
It's always something...
-- Jough
+---------------------------+-----------------------+
|Plagiarist Poetry Archive | Mature poets steal. |
|http://www.plagiarist.com | -- T.S. Eliot |
| | [EMAIL-REMOVED] |
+---------------------------+-----------------------+
_______________________________________________
css-discuss [EMAIL-REMOVED]]
http://three.pairlist.net/mailman/listinfo/css-discuss
Sponsored by www.westciv.com - CSS resources | software | learning
