Zian
g/narzekaj

CSS. 3 kolumny na float, jedna na całą wysokość po lewej, 2 po prawej na całą wysokość, z czego jedna to stopka. Wszystko idealnie, kolumna po prawej (i lewej) się rozciąga wraz z wprowadzonym tekstem. Wprowadzam co potrzebne, w tym menu na fixed po lewej i kończę stronę. Wygląda pięknie. Usuwam dla pewności tekst i wszystko się zapada. Wszystko w dupę, bo nie wiem gdzie jest błąd, a plik w trakcie edycji raz zamknąłem i nie da rady wrócić zmian. Nic nie daje się już odtworzyć, wszystko pozapominałem...

#
borysses

@Zian: a jak te kolumny robiles? floaty z paddingiem, marginem itd? Nie mieszałeś px z % w rozmiarach? min-height masz jaki? Szerokość kolumn masz w %?

#
Zian

@borysses: Tak, jest padding i margin, nic nie widzę pomieszanego, min-height:100%, szerokość kolumn na styk w px.

Tu jest ostatnia zachowana wersja testowa: http://zambia.wakcji.org/test/

Układ: http://i.imgur.com/svLcUqy.png

#
borysses

@Zian: Polecam flexbox :) A jak nie to: http://callmenick.com/2014/04/04/css-equal-height-columns-three-different-ways/

#
_lechu_

@borysses: flexbox z tego co pamiętam nie korbi na IE8 i 9 a i na 10 trzeba prefiksować.
@Zian: nie czaję problemu. Chodzi o to, że jak usuniesz treść z prawej kolumny to się zapada ?

#
Zian

@borysses: Ten flexbox to jak tableki. Historia zatacza kolo, tyle, ze tym razem wszystko pochowane w arkuszu. Kurka, teraz czytam, ze nie bardzo sie da zrobic dobrze z float, a ja jakims cudem tego dokonalem. Ciekawe jak.

@_lechu_: Tak.

#
_lechu_

@Zian: huh ok poprzednie posty się nie liczą ;P Div zaraz po body daj height: 100%, wyłącz overflow: auto;

#
Zian

@_lechu_: Próbowałem już tego, ale nie działa, tj. kolumny się podwijają.

#
_lechu_

@Zian: hym, no u mnie to działa. Tak mi się przynajmniej wydaje ;P http://oi59.tinypic.com/e7z7uq.jpg tylko nie 100% a jakieś 93.7 żeby footer się zmieścił

#
Zian

@_lechu_: Coś jeszcze musi być zmienione. W pierwszym DIVie mam teraz:

position:relative; background:#c0c0c0; margin:0 auto; width:990px; padding:0; background:green; height:auto !important; height:100%

#
_lechu_

@Zian: masz important na height auto i nadpisuje

#
Zian

@_lechu_: Nie działa. :| Lecę spać, w tygodniu się tym zajmę. Dzięki za pomoc!

http://i.imgur.com/6ONPhA9.png

#
_lechu_

@Zian: aaa jeśli chodzi o to zielone to ja dodałem po prostu <div style="height: 100%; width: 311px; position: fixed; background-color:green;z-index: -1;"></div> zaraz za listą i usunąłem tło rodzica.

#
Zian

@_lechu_: @borysses: Zrobiłem tak: dla wrappera jest display:table; height:100%, dla kolumn display:table-cell. Wszystko działa jak chciałem i wyszło prościej niż z float.

#