Mam coś takiego w body:
CSS dotyczacy tego kawalka:
div.popup { width: 100%; padding-bottom: 100%; top: 0; position:fixed; _position:absolute; } div.bg_white { width: 100%; padding-bottom: 100%; _padding-bottom: 105%; z-index:2; top: 0; position:absolute; background: #808080; opacity:0.8; filter : alpha(opacity=80) } div.visible { z-index:3; width: 100%; position: absolute; margin: 0 auto; margin-top: 150px; _margin-top: 410px; } div.window { margin-left: auto; margin-right: auto; width: auto; max-width: 700px; _width: 450px; } .window div.top { width: 100%; height: 26px; } .window div.top span.left { width: 16px; height: 27px; float: left; background: url(../images/ba_l.gif) no-repeat; } .window div.top span.middle { height: 25px; margin-left: 16px; margin-right: 31px; display: block; _margin:0; _float: left; _width: 403px; border-top: 1px #f0cca3 solid; border-bottom: 1px #f0cca3 solid; background: #f58300; color: #ffffff; font-weight: bold; } .window div.top span.right { width:31px; height: 27px; display: block; float: right; cursor: pointed; background: url(../images/ba_r.gif) no-repeat; } .window div.bottom { width: 100% -2px; border: 1px #f0cca3 solid; background: #ecf6ff; border-top: 0px; clear: both; }
Chciałbym to tak napisać... By moje okienko rozciągało się proporcjonalnie do zawartości(w poziomie i pionie). Ktoś już walczył z podobnymi przypadkami ?