Forum PHP.pl > [CSS]Równe kolumny Css

Pomoc - Szukaj - Użytkownicy - Kalendarz

licha

21.04.2012, 12:44:22

Witam mam problem z równym rozmiarem w css.
Doskonale mój problem widać na mojej stronie głównej :
Główna
Widać tu jak środkowa kolumna jest dłuższa od reszty. Jak zrobić by te boczne się rozszerzały razem z środkową ? Mój plik style :

[PHP] pobierz, plaintext 
kolumna1{
width: 150px;
min-height: 100%;
height : auto;
background-image: url(/foto/040.png);
float: left;
 
}
 
#kolumna2{
width: 500px;
min-height: 100%;
height : auto;
background-image: url(/foto/050.png);
float: left;
}
 
#kolumna3{
overflow: hidden;
width: 150px;
min-height: 100%;
height : auto;
background-image: url(/foto/040.png);
float: right;
}
[PHP] pobierz, plaintext

Evinek

21.04.2012, 12:50:08

Może to pomoże:
http://blog.piotrnalepa.pl/2009/10/11/css-...olumn-wersja-2/

licha

21.04.2012, 13:20:35

Nie wychodzi mi zgranie tego ;/

crocodillo

21.04.2012, 21:02:32

W takiej formie jak masz to teraz zrobione, to możesz je wyrównać tylko za pomocą JS, w CSS się nie da.

Jeśli te kolumny mają ustaloną stałą szerokość, to możesz połączyć tła z trzech kolumn w jeden obrazek ustawić jako tło dla <div id="tresc"></div>
Twoje kolumny mają też ustawione FLOAT, więc nie zapomnij też za ostatnią z nich dopisać np: <div style="clear:both"></div>

webświr

21.04.2012, 22:48:27

1 tak z ciekawości zapytam w czym robisz strony internetowe cms jakiś edytor tekstowy ?
2 Czy tylko ja widzę krzaczki sprawdzałem zarówno na FF i IE ?
3 <center> jest niemodne od tego są style
4 Czemu ma służyć wielokrotne używanie znacznika <html> <head> itd.
5 Walidator w3c wyszukuje bagatela 90 błędów i 93 ostrzeżenia

Jeżeli chcesz żeby kolumny były równe możesz przypisać im stałe wartości height w css innego wyjścia nie znajdziesz w css

Daiquiri

22.04.2012, 08:48:24

Cytat(webświr @ 21.04.2012, 23:48:27 )

Jeżeli chcesz żeby kolumny były równe możesz przypisać im stałe wartości height w css innego wyjścia nie znajdziesz w css

Ciekawe co piszesz. Zwłaszcza w kontekście tego, co napisał już Crocodillo. Ponadto pierwszy przykład z google: http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks. To, czego szukasz to "Equal Height Columns".

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.