Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tytul</title>
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }
body { height: 100%; background: blue; }
#tlo { position:absolute; top: 0; left: 0;
display: block;
width:100%;
height:100%;
text-align:center;
z-index:0; background: transparent;}
.tlo1 {position:relative;
float: left;
width:50%;
height:100%;
margin-left:0;
margin-right:-1em;
text-align:right;
z-index:0; background: blue; }
.tlo2 { position:relative;
float: right;
width:50%;
height:100%;
margin-left:-1em;
margin-right:0;
text-align:left;
z-index:0; background: red; }
#conteneur { position:absolute;
top:0;
left:0;
background:transparent;
display: block;
width:100%;
height:100%;
text-align:center;
}
#gorny { height: 300px; width: 800px; margin: 0 auto; background: yellow; }
#okno { background:#6666cc;
margin-top:0;
width:800px;
height:100%;
z-index:2;
border:none #000;
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
}
</style>
</head>
<body>
<div id="tlo">
<div class="tlo1"></div>
<div class="tlo2"></div>
<div id="conteneur">
<div id="okno">
<div id="gorny">
gora<br />
gora<br />
gora<br />
gora<br />
gora<br />
gora<br />
gora<br />
gora<br />
</div>
dolny<br />
dolny<br />
dolny<br />
dolny<br />
dolny<br />
dolny<br />
dolny<br />
dolny<br />
</div>
</div>
</div>
</body>
</html>/oczywiscie strona sie validuje/
mam nadzieje, ze zdolalem Was przekonac, ze nie IE jest siodmym zlem tego swiata i wcale nie bardzo potrzebuje ani hackow generalnych css, ani tym bardziej w js
ale mi robisz radocheAmbicje Ci się skończyły na zrobieniu sztywnego layoutu zarówno na szerokość jak i wysokość. O ile szerokość to rozumie (w końcu trzeba było pokazać te tła) o tyle nie rozumie wysokości. Z chęcią zaglądnę do tego wątku bo nadal czekam na kod w Twoim wykonaniu wg zwykłych kryteriów czyli brak problemów z IE, strona wypełniająca całą przestrzeń, dwa tła, zgodnie ze standardami i rzecz jasna pozwalająca na publikowanie treści (czytaj: rozciąga się w pionie).
Jak do tego nie zastosujesz ani jednego hacka to będzie przyjemnie bardzo Smile W końcu ktoś nam pokaże jak to się robi Smile
pozdrawiam szczerze
i serdecznie jak kolegow z placu boju
i takze bede sledzil watek, bo narobilem sie przy jakims glupim layoucie, ktory nie interesuje nawet projektodawcy - mam mimo wszystko nadzieje na rehabilitacje ??
) więc może da jakiś złoty środek