At 2005/08/03, Ingo Chao Said unto me:
Travis Nep Smith wrote:
http://www.hopstudios.com/nep/rightside_error.htm
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.
but when the image is wider than the box, IE
will let the box expand to fit the img, as
discussed today in the thread by Roberto Gorjão.
so the image is 182px, the box has 182px+border.
Give the border another color, say blue, to see
the different starting point of IE vs the Fx.
(without neg margin).
Then the position relative takes effect and the
image is offset 2px to the left. So the right
boundary of the image leaves a 2px space to the
border.
Ingo
Thanks, Ingo.
OK, so since I can't find a way to stop IE from
making the box too big, I went another route and
I used background images to look like a border.
But now, I have the oddest problem: When I add a
:hover to change the background image, the wrong
background image gets applied.
Look here:
http://www.j-learning.org/index_working.php
In Firefox, each of the main boxes (Plan, Build,
Present, Promote) gets the proper background when
hovered. In IE, all boxes get the fourth
background. Why's this? How can I fix it?
TTFN
Travis
--
[EMAIL PROTECTED] AIM:NepSmith http://www.hopstudios.com/
Careless / Bridegroom / Dainty bride / Scratchy whiskers / Homicide
Burma-Shave 1939
.
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/