[CSS][HTML] 100% wysokości w table-cell

[CSS][HTML] 100% wysokości w table-cell

Cross77 Zobacz profil	8.04.2013, 21:24:59 Post #1
Grupa: Zarejestrowani Postów: 16 Pomógł: 2 Dołączył: 6.02.2013 Ostrzeżenie: (0%)	// EDIT: sam znalazłem banalne rozwiązanie. Należało dodać height: 100% do #panel1, #panel2 Trudno wyrównać dwa divy. Używałem JS ale nie był dla mnie dostateczny, ponieważ wysokość diva się często u mnie zmienia. Postawiłem na tabelki i jestem zadowolony tylko trudno mi dodać menu w div z właściwością wysokości : 100%. Jakieś pomysły? Za pomocną odpowiedź z góry dziękuję Oto kod: [HTML] pobierz, plaintext <head> <style type="text/css"> body {margin: 0 auto; width: 800px;} #wrapper{ display: table; overflow: hidden; /* clearance / } #panel1, #panel2{ display: table-cell; vertical-align: top; width:400px; } #panel1{ background-color: blue; } #panel2{ background-color: grey; } #sidebar, #content{ float:left;} #sidebar{ background-color: yellow; width: 100px; height: 100%; } </style> </head> <body> <div id="wrapper"> <div id="panel1"> <div id="sidebar"> menu </div> <div id="content"> <br/><br/><br/><br/><br/><br/><br/><br/><br/>end </div> </div> <div id="panel2"> <br/> </div> </div> </body> [HTML] pobierz, plaintext Ten post edytował Cross77* 9.04.2013, 17:34:42