ďťż

[HTML] DIVy.. autoHeight :)

       

Podstrony


telcocafe

mam taki kodzik (kawalek w pehapcu, by dorobic dynamicznie linijki):
<style> #main { background-color: gray; color: yellow; width: 80%; height: 100%; border: 1px black solid; margin-top: 5mm; } #menu { background-color: navy; color: yellow; width: 180; float: left; height: auto; } #aaa { background-color: red; color: yellow; width: 2mm; height: auto; float: left; margin-right: 2mm; padding-top: 2mm; } #tresc { background-color: aqua; color: yellow; width: auto; height: auto; } #menu, #tresc { padding-top: 2mm; padding-left: 2mm; } </style> <div id="main"> <div id="menu"> menu<br />menu<br />menu<br /> </div><div id="aaa">&nbsp;</div> <div id="tresc"> <? for($i=0;$i<=100;$i++) { echo('liczba'.$i.' :)<br />'); } ?> </div> </div>

W jaki sposób wysokość DIVów ma być automatycznie dopasowana do zawartości "tresc" ?

chciałbym, by wyglądało tak:
+---+-+-------+ |1  | |a      | |2  | |bb     | |3  | |ccc    | |   | |dddd   | |   | |eeeee  | |   | |ffffff | |   | |ggggggg| +---+-+-------+

a wygląda tak:
+---+-+-------+ |1  | |a      | |2  | |bb     | |3  | |ccc    | |   | |dddd   | +---+-+eeeee--+ ffffff ggggggg
Użytkownik DJ_ProG edytował ten post 29 kwiecień 2006, 21:27


Usuń ze style height (albo zamień na min-height), dzieki temu wysokość dopasuje się do ilości tekstu w divie.

Nic nie pomaga. Cały czas jest niepożądany efekt. A gdy dam tego trzeciego DIVa (pierwszy od prawej) na float: right; to zostaje brzydka pustka w środku.
A wogóle jak dam w "menu" height na 100% to zatrzyma się w części... a chyba też powinien się automatycznie dopasować...
Proszę o pomoc! Tutaj link do wstępnego layouta.
Użytkownik DJ_ProG edytował ten post 30 kwiecień 2006, 09:25

Nic nie pomaga. Cały czas jest niepożądany efekt. A gdy dam tego trzeciego DIVa (pierwszy od prawej) na float: right; to zostaje brzydka pustka w środku.
A wogóle jak dam w "menu" height na 100% to zatrzyma się w części... a chyba też powinien się automatycznie dopasować...
Proszę o pomoc! Tutaj link do wstępnego layouta.




Sam link nic nie daje. Chociaż napisz o co Ci w ogóle chodzi i co gdzie chcesz mieć?


trzy divy obok siebie, z heightem dopasowywującym się do zawartości.

JA bym to tak zrobił :) było by prościej chyba ale nie wiem czy to ci wystarcza :)
<div id="main"> <div id="menu"> menu<br />menu<br />menu<br /> </div><div id="aaa"><? for($i=0;$i<=100;$i++) { echo('&nbsp;<br />'); } ?></div> <div id="tresc"> <? for($i=0;$i<=100;$i++) { echo('liczba'.$i.'<br />'); } ?> </div> </div>

Automatycznie dopasuje ci te divy :) powinno być ok
Użytkownik Avenger edytował ten post 30 kwiecień 2006, 11:28

JA bym to tak zrobił :) było by prościej chyba ale nie wiem czy to ci wystarcza :)
<div id="main"> <div id="menu"> menu<br />menu<br />menu<br /> </div><div id="aaa"><? for($i=0;$i<=100;$i++) { echo('&nbsp;<br />'); } ?></div> <div id="tresc"> <? for($i=0;$i<=100;$i++) { echo('liczba'.$i.'<br />'); } ?> </div> </div>

Automatycznie dopasuje ci te divy :) powinno być ok

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

  • Sitedesign by AltusUmbrae.