vertical-align sætter en tekst i forhold til sin egen \'tekstlinie\', altså en udvidelse af html-taggene <sup> og <sub>. Hvis du vil centrere vertikalt i en \'boks\' kan du fx. bruge: padding-top: 50%; padding-bottom: 50%;
i din .div klasse som du kalder med <div>, #div klassen kalder du med <span>.
Tak for point. Det er ikke en så god ide - selv om det virker - at \'style\' div globalt. Det ville være bedre: <head> <title>DIV tekst</title> <style type=\"text/css\"> .kasse { height: 200px; width: 200px; border: solid 1px black } </style> </head>
</body> </html> Dit span-tag er overflødigt. (dette er ikke for at være \'skolemester\' - du ved det måske og bruger det som et eksempel; men for at yde lidt mere for de mange point.)
Tilsyneladende er der dog stadig problemer. Hvad sker der, hvis højden på boksen, ændres til f.eks. 40px, eller 400px. Det ser ud til, at det var tilfældigt, at det virkede før.
Undskyld jeg svarer lidt sent; men hvis jeg ikke havde grå hår, så.... Problemet opstår måske ved at blande absolute og relative værdier (det virker med alle værdier i %) - jeg kan få det til at virke med begge slags værdier ved at sætte en boks i boksen: <head> <!-- Minus AutoDato --> <title>DIV tekst</title> <style type=\"text/css\"> .kasse { position:absolute; height: 400px; width: 150px; border: solid 1px black; padding-top:50%; padding-bottom:50%; top:10px; left:10px; } .text { position:relative; height: 40%; width: 100%; border: solid 0px black; padding-top:50%; padding-bottom:50%; padding-left:50%; padding-right:50%; } </style> </head>
Hmm, virker tilsyneladende stadigvæk ikke... Hvad sker der, hvis du ændrer højden på .kasse til 100px? Ingenting.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.