CSS – Dwa divy obok siebie o tej samej wysokości

Dwa divy musimy zamknąć wewnątrz trzeciego który będzie oznaczony id=”glowny” jego styl wygląda następująco:

1 2 3 4 5 6

#glowny {     width: 100%;     clear: both;     height: 100%;     overflow: hidden; }

Wewnątrz niego będą znajdowały się kolejne dwa o id=tresc oraz id=menu

1 2 3 4 5 6 7 8 9

<div id="glowny">       <div id="menu">           Treść dla menu       </div>       <div id="tresc">           Przykładowa treść dla drugiego diva       </div> </div>

Teraz wystarczy pokazać style dla div=tresc oraz div=menu

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

#menu {     width: 30%;     margin: 0 0 -20000px 5px;     padding-bottom: 20000px;     height: 100%;     background: #ffe6c5;     float: left; } #tresc {     width: 65%;     padding: 0 0 0 15px;     float: left;     height: 100%;     background: #CCCCCC;     margin-bottom: -20000px;     padding-bottom: 20000px; }

Przykład działa bez problemowo A jest dostępny pod tym adresem.