[css] div met bepaalde grote toch met tekst mee

[Verwijderd]

Ik wil een div een bepaalde grote geven zodat hij niet alleen maar de grote van de regel zelf heeft, maar als er de tekst buiten de grote van de div komt moet de div ook groter worden, is dit mogelijk?

Ik hoop dat dit een beetje duidelijk is? Hier en op google kan ik niet veel vinden komt ook omdat ik geen zoekwoorden weet.

[juhet]

je kunt met css min-height gebruiken. Of er een horizontale versie is, kan ik je niet vertellen.

Waarschijnlijk ben je op zoek naar min-height

[TeeDee]

min-width

[Verwijderd]

jep dat zocht ik, hartstikke bedankt!!

[moozzuzz]

Volgende constructie lijkt ook wel eens te werken:

HTML:

   <div id="meerekkend">
      <p>bla</p>
      <p>bla</p>
      <p style="clear:both;">bla</p>
   </div>

... zeker als je nog es met floats etc werkt: min-height wordt nl. niet door elke browser even goed begrepen.

[Geert.H]

Min-height/min-width wordt niet ondersteund door IE6 en lager, echter bij IE6 werkt height van zichzelf al als een min-height. Wat je dus nog even meot doen is voor IE6 de hoogte in height opgeven, kan je ook doen door middel van:

code:

* html element { height ..px; }

[Verwijderd]

Maar als ik de height opgeef (naast min-height) voor browsers die min height niet ondersteunen, krijg ik dan niet dat in oudere browsers teksten die te lang zijn toch over de div heen gaan?

[H004]

Dan gebruik je hiervoor conditional comments, zodat je browserspecifieke css-regels kan definiëren.

[OkkE]

Geert.H schreef op dinsdag 18 maart 2008 @ 17:48:
Min-height/min-width wordt niet ondersteund door IE6 en lager, echter bij IE6 werkt height van zichzelf al als een min-height. Wat je dus nog even meot doen is voor IE6 de hoogte in height opgeven, kan je ook doen door middel van:

code:

* html element { height ..px; }

Gebruik dan aub Conditional Comments ipv gebruik maken van "bugs" en verschillen in browsers:

code:

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css">
<![endif]-->

Uitleg:
Het is eigenlijk gewoon een if-statement, dat alleen door IE gelezen wordt. Er zijn verschillende mogelijkheden, hier wordt de "lte" gebruikt, wat "less then or equal" betekend. Voor meer info kun je o.a. bij PPK terecht.

[ Voor 20% gewijzigd door OkkE op 19-03-2008 10:12 ]

[Geert.H]

Idd je hebt gelijk, over het algemeen gebruik ik zelf ook conditional comments. Heb alleen ook de slechte gewoonte dat als het om één regeltje het er toch zo in te zetten.