Greetings all,
I think I've run into a another problematic behavior with IE6's classed divs.
It's the Multiple Class bug but this behavior is new to me. What I observed
was that IE seems to have a precise hierarchy for classed divs (which is all
good and well) but it creates all kinds of headaches if you have more than 1
classed div that you to work with. This is because the second classed div
gets
short-changed because each classed div has to immediately follow the opening
div declaration if it is to work correctly. Here's an example. I hope it will
clarify my muddled explanation:
#innerWrapper /* the div unclassed */
width:770px; /* child of innerWrapper */
margin:0 auto;
padding:0;
text-align:left;
}
#innerWrapper.HOGAR /* 1st instance of the div classed */
{
position:relative;
background:#fff;
width:770px; /* child of innerWrapper */
margin:0;
padding:0;
text-align:left;
}
#innerWrapper.sidebarBK /* /* 2nd instance of the div classed */ */
{
background:#fff url(../images/outterWrapperBk.jpg) right top
repeat-y;
width:770px; /* child of innerWrapper */
margin:0 auto;
padding:0;
text-align:left;
}
Here's the kicker. I have to choose which I want more in this scenario. I
can't get the background image to display in the 2nd classed declaration
#innerWrapper.sidebarBK{}. In order to get it, I would have to move it up so
that it
is directly under the #innerWrapper{} div. However, if I do this, I now lose
the positioning in the 1st declaration #innerWrapper.HOGAR{} but then I'd lose
the relative positioning that I need in this div.
Has anyone else has had to deal with this mess? If so, is what I think is
happening really happening or am I just overlooking something so obvious that I
just can't see it?
BTW, I did manage to workaround it once I understood what was happening by
declaring the second class as an entirely new div but I'm still curious. I'd
have liked to use any many classes as needed for this wrapper div. It just
seems
simpler that way.
Thanks so much!
Mary
Mary Villanueva
[EMAIL PROTECTED]
http://www.byronsbyte.com/libretos/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
