+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: css - szerokosc automatyczna (/thread-css-szerokosc-automatyczna)
css - szerokosc automatyczna - itINSPIRE - 29-01-2012
witam, mam prosty kod ktory probuje zmusic do dzialani:
Kod PHP:
<div class="lewa" style="width:100px; height:100px; background-color:#033; float:left"></div>
<div class="srodek" style="width:auto; height:100px; background-color:#011; float:left"></div>
<div class="prawa" style="width:100px; height:100px; background-color:#033; float:left"></div>
czyli lewa i prawa kolumna na sztywno 100px a srodek chcialbym aby sie rozszerzal na cala dostepnosc strony, wartosc auto przybiera chyba wartosc 0, a 100% wyrzuca prawa kolumne z lini, do nowego wiersza, jak to powinno wygadac poprawnie ?
RE: css - szerokosc automatyczna - _perlik - 29-01-2012
Musisz mieć kontener na wszystkie 3 kolumny. W tym kontenerze masz 2 divy. Pierwszy na lewą kolumnę, drugi na środkową i prawą.
Tak jest to zrobione np. tutaj:
http://www.siwkova.com.pl/
RE: css - szerokosc automatyczna - Kartofelek - 29-01-2012
lewa - postition:absolute; top:0; bottom:0; left:0; width:200px;
srodek - margin:0 200px;
prawa - position:absolute; top:0; bottom:0; width:200px;
RE: css - szerokosc automatyczna - itINSPIRE - 30-01-2012
(29-01-2012, 21:41)Kartofelek napisał(a): lewa - postition:absolute; top:0; bottom:0; left:0; width:200px;
srodek - margin:0 200px;
prawa - position:absolute; top:0; bottom:0; width:200px;
srodek - margin:0 200px; - srodek nie moze miec na sztywno okreslonej szerokosci
RE: css - szerokosc automatyczna - Kartofelek - 30-01-2012
??
elementy blokowe mają domyślnie 100% width czyli maksimum.
Jeżeli dasz takiemu margin:0 200px to będzie miał szerokość 100%-2*200. Po każdej stronie 200px dla belek, które będą na 100% wysokości dzięki top i bottom.
Analizować kody z uwagą
