MozillaPL.org - polskie centrum Mozilli

Główne menu:

bloki obok siebie

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

bloki obok siebie

Postautor: polek » 19 sierpnia 2008, 16:49

Przeglądarka: Mozilla/5.0 (X11; Linux 2.6.26 athlon64x2; Linux i686; en-US; rv:1.9.0.1) Gecko/2008070206 Firefox/3.0.1

witam

Mam taki kod:

Kod: Zaznacz cały
<body>
<div id="lewa"><h2>lewa</h2></div>
<div id="srodek"><h1>srodek</h1><h2>cos pod spodem</h2></div>
<div id="prawa"><h2>prawa</h2></div>
</div>
</body


i css

Kod: Zaznacz cały
html, body
   {
   margin: 10px;
   background-color: #fff;
   padding: 0;
   }

#lewa    
   {
   background-color: yellow;
   width: 10%;
   float: left;
   text-align: center;
   }

#srodek
   {
   background-color: lightblue;
   width: 80%;
   float: left;
   text-align: center;
   padding: 0px;
   }

#prawa
   {
   background-color: lightgreen;
   width: 10%;
   float: left;
   text-align: center;
   }

h1   {
   font-size: 24pt;
   }

h2   {
   font-size: 12pt;
   font-weight: normal;
   }


Efekt jest taki:
http://bajcar.cba.pl/dane/program1.png

Jak zrobic aby bloki prawy i lewy mialy ta sama wysokosc co srodek?

Pozdrawiam
polek
 

Postautor: Gość » 19 sierpnia 2008, 16:51

Przeglądarka: Mozilla/5.0 (X11; Linux 2.6.26 athlon64x2; Linux i686; en-US; rv:1.9.0.1) Gecko/2008070206 Firefox/3.0.1

Jakby link do obrazka nie dzialal:

Obrazek
Gość
 

Postautor: TroPtyN » 19 sierpnia 2008, 19:28

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Zainteresuj się równymi kolumnami (temat był omawiany na tym forum niejednokrotnie). W Google'u pod hasłem "equal columns" znajdziesz sporo stron z rozwiązaniami.
TroPtyN
 
Posty: 51
Z nami od: 18 stycznia 2005, 10:47
Lokalizacja: często-chowająca się mieścina


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: