Roberto Gorjão schrieb:
Olá Uwe!
I must confess that I had not understood your solution in first place.
If we skip the "position:relative;" rule in the first container and
apply it to the second container, with a negative value for the
margin-right rule proportional to the wanted width (in this case 37.5%
or greater), the problem is effectively solved without the need of any
conditional comments whatsoever and functions in any version of IE. This
is great! Many thanks Uwe.
Obrigado!
Roberto
PS.: I've uploaded a page with your resolution applied:
http://www.castelosnoar.com/studies/aboutCSS/IE_bugs_hacks/overflow_visible.htm
----------------------------
Uwe Kaiser wrote:
Another way is to give the paragraph a negative right margin
(e.g. margin-right: -5em;).
If you give the '#sidebar' or '#sidebarContents' any right or
left paddings, it looks a bit different in the browsers of course.
The following looks quite equal in MSIE 5+/PC, Opera, and Mozilla.
body {
background-color: #000;
color: #FFF;
text-align:center;
font-family: helvetica, arial, sans-serif;
}
#sidebar {
background-color:orange;
width:20%;
margin: 0 auto;
padding-top: 160px;
}
#sidebarContents {
width:150%;
background-color: green;
position: relative;
margin-right: -50%;
}
#sidebarContents p {
padding: 5%;
}
<body>
<div id="sidebar">
sidebar
<div id="sidebarContents">
<p>
sidebarContents Lorem ipsum dolor si amet etc. sidebarContents Lorem
ipsum dolor si amet etc.
</p>
</div>
</div>
</body></html>
Regards,
Uwe
--
______________________________________________________________________
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/
