i'm working on a website and i can't post the URL unfortunately but the
situation is like this:
<DIV #header>
<DIV #rightHead><DIV #showHide></DIV></DIV>
<DIV #leftHead></DIV>
</DIV>
<DIV #content >
<DIV #left></DIV>
<DIV #middle></DIV>
<DIV #right></DIV>
</DIV>
#header {
}
#rightHead {
float:right;
padding: 0;
width: 200px;
position: relative;
z-index: 2
}
#leftHead {
margin: 0 200px 0 0;
position: relative;
z-index: 3
}
#content {
margin: 10px 0
}
#left {
float:left;
width: 150px
}
#middle {
float:left;
width: 500px
}
#right {
float:right;
width: 212px
}
a header div with two columns, a body div underneath with 3 columns. some
javascript that triggers a dropdown in #rightHead that should overlap
#right.\
it works fine in IE7, Firefox is okay, except that when the #showHide div
(dropdown) is displayed it pushes #right down and in IE7 when the #showHide
div (dropdown) is displayed it pushes down the whole #content div.
can anyone advise what the best way is to do this? or what the
cross-browsers iussues might be.
sorry, i know it's not a lot to go on.
--
Vincent Pollard
http://www.ithinkx.co.uk
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
