OK, so I'm trying to create a box like this:
+----------+
/ |
|-----------|
| |
| |
| |
| |
+-----------|
`-----------+
Here's the URL of a test case so you can see the problem (in IE Win):
http://www.hopstudios.com/nep/rightside_error.htm
Basically, I want to use an image header at the top of the box, and I
want the left and right box border to be 2 px wide.
Image I'm using:
http://www.hopstudios.com/nep/btn_plan_it_hdr.gif
I thought I could just make a box with side borders and no top
border, create an image that was 2 px wider than the box, and use a
-2px negative left margin on the image to yank it out, over the left
border.
First problem was that in IE, the left border somehow sat on top of
the image, even when the image was supposed to be hiding the border.
I fixed that by adding "position: relative" to the image. That made
the border behave. Go figure.
But the problem now is that I can't seem to make IE realize that if
the image has a -2px margin-left, it's OK to move the right margin
over 2px as well, because the right edge of the image has also moved.
It looks fine in Firefox, and Safari, and IE Mac. But IE Windows
won't handle this correctly.
My question:
HOW do I get rid of the space to the right of the header image in IE?
(I'm constrained a bit because of how I want to handle the text
inside the div -- you can see the ultimate effect I'm aiming for
here: http://www.j-learning.org/index_working.php)
TTFN
Travis Smith
--
[EMAIL PROTECTED] AIM:NepSmith http://www.hopstudios.com/
Hello druggist / I don't mean maybe / Yes / Sir! / That's the baby
Burma-Shave 1931
.
What's on? Just the soft hum of my computer.
______________________________________________________________________
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/
