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

Odpowiedz Nowy wątek
2011-07-28 17:55
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 :(

edytowany 6x, ostatnio: poniatowski, 2011-07-28 18:34

Pozostało 580 znaków

2011-07-28 18:43
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ą :)
edytowany 4x, ostatnio: poniatowski, 2011-07-28 18:45

Pozostało 580 znaków

2011-07-28 18:51
0

W sumie jeśli

jest nadrzędnym, ojcem to powinno wyświetlać środek grafiki, dopiero po zastosowaniu tabeli wszystko gra :/ CSSki, moje kochane :)</p>

TEMAT DO KOSZA NA PULPICIE :D

Dziękuję za pomoc :-)

edytowany 1x, ostatnio: poniatowski, 2012-03-05 14:09

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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