ps. sprawdzalem to na IE i na MOZILLI i roznie to na tych przegladarkach wyglada (ustawienie height: 300px;) moze trzeba cos dopisac? HELP!
Pełna wersja: [xhtml] div- wysokosc
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!
ps. sprawdzalem to na IE i na MOZILLI i roznie to na tych przegladarkach wyglada (ustawienie height: 300px;) moze trzeba cos dopisac? HELP!
Może tak:
Nie wiem może tabelka pod wplywem textu sie rozsunie
2. Sposób to slyszalem ze w css da sie ustawic minimalna wielkosci i maxymalno niestety ja nie pamietam jaki to był styl[/code]
Kod
<table height=300 >
<tr>
<td>
<div width=100%> // to sobie daj w stylach
</div>
<td>
</tr>
</table>
<tr>
<td>
<div width=100%> // to sobie daj w stylach
</div>
<td>
</tr>
</table>
Nie wiem może tabelka pod wplywem textu sie rozsunie
2. Sposób to slyszalem ze w css da sie ustawic minimalna wielkosci i maxymalno niestety ja nie pamietam jaki to był styl[/code]
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 :
[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 :
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
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
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 <-- mozilla,
a zeby bylo jeszcze ciekawiej na IE jest dobrze =[
Dzieje sie tak, ze warstwa wewnetrzna sie powieksza i wystaje "po za" warstwe zewnetrzna - tak jakby ja przecina i idzie sobie dalej
<-- mozilla,
a zeby bylo jeszcze ciekawiej na IE jest dobrze =[
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!
U mnie, na Firefox 0.8 wszystko jest OK!
Cytat
tak jakby ja przecina i idzie sobie dalej <-- mozilla,
a zeby bylo jeszcze ciekawiej na IE jest dobrze =[
<-- mozilla,
a zeby bylo jeszcze ciekawiej na IE jest dobrze =[
Jaki DTD?
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
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.