Div scaled mee met tekst
een snelle vraag omdat het antwoord denk ik wel simpel is ;)
Ik heb een div met daarin een div en daarin een div met tekst erin.
<div>
<div>
<div>hoi</div>
</div>
</div>
nu kan je de tekst zelf bepalen, omdat het de value krijgt van een invulveld. dus de tekst kan 100chars bevatten of 1. hoe schaal ik de div mee!?
als ik width en height op vaste % of px zet dan schaalt de div al helemaal niet mee.
De div automatisch laten meeschalen doe je door hem een float mee te geven.
maar ik snap je antwoord niet !
div{
width: ?;
height: ?;
float:?;
}
de div heeft geen vaste locatie, de div is namelijk draggable, dus ik heb feitelijk geen float nodig
Quote:
is dat zo ja? ik heb mijn html door de validator gehaald maar hij is wel 100% HTML5 goedgekeurd !
Je syntax zou vast goed zijn, alleen HTML gaat om het beschreven van tekst doormiddel van elementen van diverse betekenissen: http://www.phphulp.nl/php/tutorial/html-ajax-css-javascript/html-en-semantiek/785/
Quote:
de div heeft geen vaste locatie, de div is namelijk draggable, dus ik heb feitelijk geen float nodig
De float is om het meeschalen te activeren, je moet dan geen hoogte en breedte meegeven.
ik zal ze wel even noemen
<div1>
<div2>
<div3>hoi</div3>
</div2>
</div1>
div3 heeft geen css styles
div2 heeft alles op 100% staan
en div1 daar gaat het om ! als ik daar de lengte breedte weg doe en ik zet alleen float dan zet hij div1 op 0px 0px en dan wordt div2 ook 0px 0px en div3 heeft alleen de lengte in px dus 0px 15px bv.
Geef ze alle drie eens een display: block;.
En inderdaad: tekst hoort niet in een <div>.
Mag wel in een <p>.
Dit is wellicht beter:
Code (php)
1
2
3
4
5
2
3
4
5
<div class="div1">
<div class="div2"><!-- meestal niet nodig hoor... -->
<p>Tekst</p>
</div>
</div>
<div class="div2"><!-- meestal niet nodig hoor... -->
<p>Tekst</p>
</div>
</div>
Gewijzigd op 12/01/2013 10:47:18 door Eddy E
bedankt voor je reactie maar het heeft niet geholpen :(
en ik heb echt 3 divjes nodig ;) het is niet alleen de tekst die ik nodig heb. zit nog heel wat code overal omheen :) daarom is het voor mij ook lastig om mijn stuk code hier te laten zien.
Zet het complete spul eens ergens online. En aangezien het alleen maar om de HTML/CSS gaat kan dat prima op jsFiddle of Codepen oid.