Forum PHP.pl > [CSS] wyśrodkowany DIV z 2 DIVami po bokach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] wyśrodkowany DIV z 2 DIVami po bokach

kusiu

21.08.2007, 18:50:29

Witam,
Mam problemik tego typu, iz w kontenerze ktory jest ustawiony na cała szerokosc strony mam 3 DIVy.
Jeden ma mieć szerokosc 1000px ktory bedzie wycentrowany, natomiast 2 po bokach powinny miec dynamiczna szerokosc w zaleznosci od rozdzielczosci.

Kodzik:

HTML:

[HTML] pobierz, plaintext 
<div id="footer">
           <div id="footer_lewy"></div>
           <div id="footer_srodkowy"></div>
           <div id="footer_prawy"></div>
      </div>
[HTML] pobierz, plaintext

CSS:

[HTML] pobierz, plaintext 
#footer { height: 66px; width: 100%;}
#footer_lewy {width : 100%; float: left;}
#footer_srodkowy {width : 1000px; float: center;}
#footer_prawy {width : 100%; float: right;}
[HTML] pobierz, plaintext

Ma ktos jakis pomysł? Prosze o POMOC

!!!!!!!!!!

Pozdrawiam!

andy84

22.08.2007, 09:51:24

chyba o takie cos ci chodzilo - powstawiaj sobie tylko szerokosci ustawilem narazie 80% szerokosci tabeli - jezeli chcesz cos dynamicznie zmieniac w szerokosci to ciezko zeby to sie wydazylo jezeli deklarujesz stala szerokosc - ja bym to tak zrobil mam andzieje ze pomoglem

[HTML] pobierz, plaintext 
<html>
<head>
</head>
<body style="text-align:center;"><div style="margin-left:auto; margin-right:auto; text-align:left; width:80%">
<div style="width:80%; border:1px solid #333333;">
<div style="float:left; width:40%; ">even more text</div>
<div >test just some more text</div></div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

Oczywiscie css mozesz sobie porobic i wrzucic w osobnym pliku tak napisalem bo bylo szybciej zrobic przyklad:)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.