Forum PHP.pl > [HTML][CSS]DIV dziedziczy wysokość po innym DIV'ie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]DIV dziedziczy wysokość po innym DIV'ie

Time

8.07.2013, 14:47:50

Witam.
Mam pewien problem. Tworzę stronę o układzie dwukolumnowym:

MENU | TREŚĆ

<body> ma background-color: #000;

a #menu i #tresc mają background-color: #fff;

#tresc ma zmienną zawartość i jego wysokość na każdej podstronie jest inna.

Chcę uniknąć nadawania na sztywno wysokości dla #menu i #tresc i jednocześnie sytuacji kiedy mają różną wysokość i tworzą się brzydkie "schodki" na stronie.

Dlatego chcę nadać im 'wspólną' wysokość: #menu dziedziczy parametr height po #tresc

Czy dysponuje ktoś takim rozwiązaniem?

b4rt3kk

8.07.2013, 14:51:34

Dysponuję takim rozwiązaniem w jQuery.

[HTML] pobierz, plaintext 
$(function(){
  $('#menu').css('height', $('#tresc').css('height'));
});
[HTML] pobierz, plaintext

krzywy36

8.07.2013, 20:18:48

możesz ustawić #menu height: 100%; float: left; i wrzucić je do #tresc

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.