[xhtml] div- wysokosc Opcje

[slash^]

Mam pytanko odnosnie DIV-a, otoz czy da sie zrobic cos takiego, ze mam DIV i ma on wysokosc np. 300px, a jezeli jego "zawartosc" zwiekszy sie, bedzie sie on automatycznie tez zwiekszac? (dokladniej jego tło;p)

ps. sprawdzalem to na IE i na MOZILLI i roznie to na tych przegladarkach wyglada (ustawienie height: 300px;) moze trzeba cos dopisac? HELP! (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[hwao]

Może tak:

Kod

<table height=300 >

<tr>

  <td>

   <div width=100%>  // to sobie daj w stylach

   </div>

  <td>

</tr>

</table>

Nie wiem może tabelka pod wplywem textu sie rozsunie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

2. Sposób to slyszalem ze w css da sie ustawic minimalna wielkosci i maxymalno niestety ja nie pamietam jaki to był styl[/code]

[slash^]

W sumie chodzi mi o cos takiego:

[xml:1:c189fe455a]<div>
<div style="width:50%">
jakis text
</div>
</div>[/xml:1:c189fe455a]

I chce zrobic tak, ze div wewnetrzny bedzie sie rozszerzal dynamicznie, zaleznie od ilosci textu w nim zawartego, a div zewnetrzny, bedzie wysokoscia taki sam jak ten srodkowy. Dodanie w nim: height: 100% powoduje, ze dziala to na IE, a nie dziala na Mozilli i tu wlasnie mam problem i nie wiem jak go rozwiazac :

[gulldarek]

Ok, tutaj masz rozwiazanie.

Arkusz stylow (css):

[xml:1:73b026dc95]#zewnetrzna_warstwa {
min-height: 300px;
max-height: none;
}[/xml:1:73b026dc95]

Strona:

[xml:1:73b026dc95]<div id="zewnetrzna_warstwa">
<div style="width:50%">
jakis text
</div>
</div>[/xml:1:73b026dc95]

Oprócz tego możesz jeszcze dodać do warstwy z tekstem takie cos:

[xml:1:73b026dc95]<img src="blank.gif" width="1" height="300" alt="" />[/xml:1:73b026dc95]

Bo IE nie radzi sobie dobrze z min-height (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[slash^]

W dalszym ciagu cos nie dziala :
Dzieje sie tak, ze warstwa wewnetrzna sie powieksza i wystaje "po za" warstwe zewnetrzna - tak jakby ja przecina i idzie sobie dalej (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) <-- mozilla,
a zeby bylo jeszcze ciekawiej na IE jest dobrze =[

[gulldarek]

Podstawa powyzszego rozwiazania jest usuniecie "height" i wsawienie "min-height" oraz "max-height". Czy zastosowales sie do powyzszych wskazowek?

U mnie, na Firefox 0.8 wszystko jest OK!

[Dominik]

tak jakby ja przecina i idzie sobie dalej (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) <-- mozilla,
a zeby bylo jeszcze ciekawiej na IE jest dobrze =[

Jaki DTD?

[slash^]

http://tt.unreal.pl/web/index.html

chodzi o to, ze biale tło nie rozszerza sie razem z tym drugim...

tak to wyglada u mnie na firebird 0.7: http://tt.unreal.pl/web/wyglad.gif