[HTML/CSS] Alleen overflow bij groter dan 150px
ik ben al enige tijd op zoek naar het antwoord voor mijn probleem en heb al enkele dingen geprobeerd. Graag wou ik een div hebben die gewoon geen hoogte heeft, dus zich automatisch aanpast aan de tekst die erin staat. als er 1 regel tekst instaat is de div 1 regel hoog. staan er 2 regels in..is de div 2 regels hoog etc. Totdat het 150px hoog is en dan wil ik graag een overflow hebben. Maar dit lijkt me niet te lukken. Weet er iemand hoe dit zou moeten?zo heb ik het volgende geprobeerd maar ook dit lijkt niet te werken:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<style>
.container2 {
width:100%;
min-height:1em;
height:auto;
}
/* for Internet Explorer */
* html .container2 {
height: 3em;
overflow:auto;
}
</style>
.container2 {
width:100%;
min-height:1em;
height:auto;
}
/* for Internet Explorer */
* html .container2 {
height: 3em;
overflow:auto;
}
</style>
Bijvoorbaat dank,
Nick Hugens
Code (php)
1
2
3
2
3
<div style="max-height:150px;overflow:auto">
Hier tekst
</div>
Hier tekst
</div>
Werkt zowiezo niet in Internet Explorer omdat deze eigenschap niet ondersteund wordt. Toch bedankt voor je reactie.
Maar goed bedankt ik ga het met PHP oplossen.
Edit:
nee helaas
Gewijzigd op 01/01/1970 01:00:00 door bart van der veen
bart van der veen schreef op 04.03.2008 13:40:
ff een gedachte uitwerken.....
Hoe bedoel je dat?
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<style>
div {
height: 150px;
overflow: auto;
}
</style>
div {
height: 150px;
overflow: auto;
}
</style>
I.p.v. div kun je de class/id van desbetreffende div gebruiken.
robin schreef op 04.03.2008 13:39:
Gaat je nooit lukken, er is in iedrengeval geen manier om te kijken of een div 150px height is. Dit zul je toch echt met AJAX/PHP/JAVASCRIPT moeten oplossen gok ik?
waarom zou je AJAX NODIG HEBBEN OM IETS TE VERANDERE AAN CSS, LAAT STAAN PHP
Man als je ergens geen verstand van hebt, hou je mond dan ook gewoon..
Deze methode is inderdaad al een keer geplaatst, maar is niet aangesproken door de TS.
Echter is het in dit geval ook zo dat het niet op te lossen vált. Je kunt de div 'los' laten, door er verder geen style aan te geven en deze div in een andere div te zetten die de rest van de style bevat. Zo blijft deze div onzichtbaar totdat er meer dan 150px is bereikt : ). Zul je waarschijnlijk ook nog iets met position moeten doen. Maar zover reikt mijn kennis niet, om dat even uit mijn mouw te schudden.