[HTML/CSS] Layout na DIVach

0

Witam, kiedyś za dawnych pięknych czasów layouty pisało sie na tabelach, to umiałem...

Natomiast odkąd robi się to w oparciu o DIVy, nie mogę sobie z tym poradzić, a chyba warto...

Jak wykonać prosty layout, by działał jak tabela?

Przecież, gdy są dwa DIVy w jednej linii - to w zależności od długości tekstu, jeden jest dłuższy a drugi krótszy - jak zrobic tak, by oba były tej samej wysokości - takiej, jak zawratość dłuższego z nich? Trzeba do tego stosować jakieś tricki? Nie da sie tego zrobić w sposób podobnie prosty, jak dzieje się to w tabelach?

Z góry dzięki za odpowiedź.

0

Da się to zrobić korzystając z CSS: w pliku CSS określasz właściwość height każdego DIV-a, np. chcesz mieć dwie kolumny - lewą z menu i główną z treścią:

#left {
      height: 650px;
      width: 180px;
      float: left;
      background: #cfcfcf;
    }

    #content {
      height: 650px;
      width: 620px;
      float: left;
      background: #eeeeee;
    }
0

Ok, to wiem. Ale zawartość mojej strony jest zmienna, choć menu się nie zmienia i tak jest na większości stron. Powiedzmy strona z newsami zawsze ma inną wysokość i co zrobić w takim wypadku? Nie ma na to rady?

0

javascript
ale praktycznie wszyscy to załatwiają po prostu odpowiednio ustawionym tłem dla nadrzędnego dla tych dwóch diva (nie widać że coś jest krótsze)
poza tym możesz nadać styl display aby przeglądarki traktowały jako komórkę tabeli (nie jestem pewien czy to działa na wszystkich przeglądarkach)
jeśli czegoś nie możesz wykonać to nie rezygnuj z tabelek, to nie jest tak że kiedyś się pisało na tabelach a teraz na divach, zawsze się tak powinno robić więc skoro i tak tyle lat popełniałeś błąd ...
poza tym skoro jedna część ma być zależna od drugiej to może faktycznie potrzebujesz tabelek ...

0

Ok, dzięki, ja też chyba załatwię to odpowiednim tłem diva rodzica...

1 użytkowników online, w tym zalogowanych: 0, gości: 1