ďťż

[CSS] Problem z DIV i wysokością wasze sposoby

       

Podstrony


telcocafe

Jakie macie sposoby na ustawienie takiej samej wysokości warstwom DIV w 3-kolumnowym (lub 2-kolumnowym) układzie?

Pamiętajcie, że raz zawartość w środkowej kolumnie może być większa, a raz mniejsza od zawartości w kolumnach nawigacji (lewej i prawej).




Jakie macie sposoby na ustawienie takiej samej wysokości warstwom DIV w 3-kolumnowym (lub 2-kolumnowym) układzie?

Pamiętajcie, że raz zawartość w środkowej kolumnie może być większa, a raz mniejsza od zawartości w kolumnach nawigacji (lewej i prawej).

Można np javascriptem ustawic wysokosc wszystkim na tyle pixeli ile ma najwyzszy div.

@.:dR@kE:. : Jest jeden problem - gdy user wyłączy js w przeglądarce.
Ja znam kilka rozwiązań:
1. Javascript - j/w
2. Ustawienie odpowiedniej tapety na stronę tak by wyglądało jakby kolumny były tej samej wysokości (choć rzeczywiście są różnej)
3. Dla menu ustawiasz float right/left, sztywną wartość width, a dla div treści odpowiednie marginy (przykład: http://jiyuu.info/blog) - ale ma to swój minus - gdy treści jest mniej niż menu to menu wychodzi gdzie nie powinien, ale:
4. Można dodatkowo powiększyć div treści wstawiając tam cały top, dla menu ustawić margin-top na np. wysokość topu, a dla tekstu w div treści ustawić padding left-right tak by na menu nie zachodziło. I to rozwiązanie właśnie polecam.
5. Biedne rozwiązanie - sztywne wartości height: XXXpx;

Szkoda że nie działa takie coś jak height: 100%; ...


@.:DR@kE:. : Jest jeden problem - gdy user wyłączy js w przeglądarce.

Szkoda że nie działa takie coś jak height: 100%; ...


ok, z js to niezbyt udany pomysl.
A co do height: 100% to jest, i daje 100% wysokosci okna przegladarki. mozna to polaczyc z background fixed luv ewentualnie dac dla diva overflow

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.