Witam,
Chcę zrobić 3 kolumny na stronie. Panel lewy, środek, panel prawy. Wiem, że to banał :) ale mam problem tego typu: mój layout składa się z trzeb części. Tak jak na tej podrzędnej stronie: edzienniczek24.pl. Czyli góra , środek, dół. problem w największy jest z 3 kolumnami. Wszystko robie na samych CSSach, żeby oszczędzić czasu na kodzie HTML. Dwie kolumy jest ok :) Dorzucam trzecią i kaplica :( Problem w tym, że środkowa część layoutu nie wyświetla się :( Kolumny się tworzą, wszystkie 3, ale nie ma pod nimi background-image url(''); I nie wiem o co chodzi :(
/* Wstawiamy layout składający się z 3. elementów */
#header{
background: url(./grafiki/gora.png);
width:1100px;
height: 189px;
margin: 0 auto;
}
#srodek{
background: url(./grafiki/srodek.png);
width:1100px;
margin: 0 auto;
}
#footer{
background: url(./grafiki/dol.png);
height: 76px;
width:1100px;
margin: 0 auto;
clear: both;
}
/* Tworzymy 3 kolumny */
#container{
width: 1000px;
margin: auto;
}
#lewa {
float: left;
width: 15%;
}
#prawa {
float: right;
width: 15%;
}
#srodek1 {
float: left;
width: 15%;
}
.clear {
clear: both;
}
<BODY>
<div id="header">Nagłówek</div>
<div id="srodek">
<div id="container">
<div id="lewa">Lewa kolumna </div>
<div id="srodek1">Środkowa kolumna </div>
<div id="prawa">Prawa kolumna</div>
</div>
</div>
<br class="clear" />
<div id="footer"> Stopka</div>
</body>
W czym jest problem? Ktoś może się orientuje? Próbowałem sporo rzeczy i nic :(
Może jeszcze takie podpowiedzi: jak dodaje w CSSach do #container{ background-color: #CEC6BE; } to nie ma tła :( Nie wiem czemu. A jak np dodam do #srodek { height: 100px; } to bacground-image wysuwa się na te 100px w dół, ale nie do końca. a height:auto; nie działa :(