+- 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: Równanie kolumn. (/thread-rownanie-kolumn)
Równanie kolumn. - Mathix - 11-10-2011
Witam!
Potrzebuję sprawdzony i działający skrypt który wyrówna mi dwie kolumny (prawą i lewą) w w stosunku do długości kolumny środkowej treść.
Reasumując potrzebuję, aby w przypadku, gdy tekstu będzie dużo i znacznie wydłuży się kolumna środkowa > treść, wyrównało mi do niej prawą i lewą kolumnę.
Pozdrawiam.
RE: Równanie kolumn. - hieroshima - 12-10-2011
jaki skrypt? CSS Ci wystarczy. Wykorzystaj odpowiednio padding, margin i overflow:hidden.
RE: Równanie kolumn. - Kartofelek - 12-10-2011
Nie zawsze zadziała CSS. Jeżeli np kolumny są "inne", oddalone od siebie, mają cień itp - wtedy CSS nie pomoże.
dla jquery jest to ogólnie banał.
Kod:
$(document).ready(function() {
$('.page_content').css('min-height', $('.page_container').height());
$('.page_sidebar').css('min-height', $('.page_container').height());
});Oczywiście całą stronę okrywa page_container, sidebar i content jest wewnątrz.
Podobnie poszukaj sobie w google "jquery equal height" - takich pluginów jest od groma
RE: Równanie kolumn. - mkas - 13-10-2011
Poczytaj to http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks