3 kolumny na layout, w czym lepiej same CSSy czy tabela + CSS? A wszystko w SMARTACH

0

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 :(

0

ok, wsio działa :)

zrobiłem tak:

<body>
Nagłówek

foo

**foo**
Lewa kolumna
Środkowa kolumna
Prawa kolumna
**foo**
**foo**

Stopka
</body> ```

i o dziwo dzialą :)

0

W sumie jeśli <DIV ID="srodek"> jest nadrzędnym, ojcem to powinno wyświetlać środek grafiki, dopiero po zastosowaniu tabeli wszystko gra :/ CSSki, moje kochane :)

TEMAT DO KOSZA NA PULPICIE :D

Dziękuję za pomoc :-)

1 użytkowników online, w tym zalogowanych: 0, gości: 1