28. april 2005 - 17:02
Der er
28 kommentarer og1 løsning
valign=middle i div?
Hej Alle!
Nu har jeg taget skridtet og er begyndt at bruge div til opbygning af sites..
Men er selvfølgelig lige løbet ind i et mindre problem :)
Hvordan får jeg teksten til at bliver vertikalt alignet i midten af div´en? Jeg har jo altid bare indsat en tabel i tabellen for at klare problemet, men hvordan gør man med divs? :)
#IVC_FRAME{
width: 780px;
height: 200px;
background-color: #336699;
}
<div id="IVC_FRAME">Min tekst..</div>
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
28. april 2005 - 18:25 #1
Mon ikke den her skulle kunne gøre det:
28. april 2005 - 22:06 #2
Hej And..
28. april 2005 - 22:10 #3
Nu er det jo ikke div´en du skal aligne men teksten
style:
div span{
vertical-align: middle;
}
div:
<div id="IVC_FRAME"><span>Min tekst..</span></div>
28. april 2005 - 22:11 #4
er foresten ikke testet...men jeg tænkte det måske virkede
28. april 2005 - 22:23 #5
Ikke desto mindre nej desværre..
28. april 2005 - 22:26 #6
Tja, jeg må sige at jeg lige umiddelbart gi'r fortabt...
jeg har testet med følgende uden brugbart resultat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div, span{
width: 300px;
height: 300px;
background-color: #336699;
vertical-align: middle;
}
</style>
</head>
<body>
<div id="divser1">
Min tekst..<br><img src="
http://www.eksperten.dk/img/elogo.png"> </div>
<br>
<div id="divser2">
<span id="spanner">Min tekst..<br><img src="
http://www.eksperten.dk/img/elogo.png"></span> </div>
</body>
28. april 2005 - 22:27 #8
Jeg er tilbøjelig til at sige at det ikke kan lade sig gøre på en div...
28. april 2005 - 22:28 #9
plazm -> Det er jo nøjagtig det problem han har...
28. april 2005 - 22:29 #10
and_ den der sætning var jeg ikk helt med på ? omformuler ;)
28. april 2005 - 22:31 #11
Det meget skægt, det er sådan, ik And? Jeg troede umiddelbart man kunne rigtig mange fantastiske ting.. Nåh, men så må jeg jo padde mig ud af det.. Sgu sørgeligt.. *Gg*
28. april 2005 - 22:32 #12
okay, må ærligt indrømme jeg ikk lige testede i IE, for i Firefox sidder det som det skal.
28. april 2005 - 22:34 #14
Hehe.. Bare de dog kunne blive enige om, hvordan de skal lave de browsere, så det kan fortolke ens *Gg*
28. april 2005 - 22:36 #15
Det er elendigt at vi altid skal lave "workarounds" for de forskellige browsere ;)
28. april 2005 - 22:41 #16
Ja det er rigtig kedeligt.. Men det er til at klare, det jeg faktisk er begyndt at hade mest er beskyttelses software, der kategorisk går ind og overtager, hvordan brugeren ser hjemmesider, bryder helt uskyldige javascripts mv.. Har sgu døjet meget med det, mavepine giver det *Gg*
28. april 2005 - 22:49 #17
og jeg fandt en løsning ;)
<div style="display: table; height: 300px; width: 300px; background: #aaa; _position: relative; overflow: hidden;">
<div style=" _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;">
<p style=" _position: relative; _top: -50%">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam tincidunt, sapien sit amet semper molestie, diam justo ullamcorper tortor, at aliquam neque est eget lacus. Etiam sit amet odio. Maecenas vulputate malesuada lectus. Morbi vestibulum.</p>
</div>
</div>
Dog kun testet i IE ;)
Kilde:
http://www.webmasterworld.com/forum83/5885.htm Og en forklaring på underscore i styles'ene:
http://wellstyled.com/css-underscore-hack.html God arbejslyst ;)
28. april 2005 - 22:50 #18
28. april 2005 - 22:50 #19
28. april 2005 - 22:50 #20
Så skal du jo bare rette den lidt til :o)
28. april 2005 - 22:50 #21
hehe and_ du Sq for hurtig ;)
28. april 2005 - 22:50 #22
hehe... 2 mennesker, samme googlesøgning :p
28. april 2005 - 22:52 #23
jeps, google: div vertical align ? :D
28. april 2005 - 22:53 #24
plazm > nu brugte du jo også tid på det, så det er kun fair hvis du også får del i pointene :-)
28. april 2005 - 22:54 #25
næsten samme søgning: div vertical-align
28. april 2005 - 22:55 #26
hehe, jeg er lidt ligeglad med pointene. Hjælper hvor jeg kan og håber så på at få hjælp den anden vej :)
28. april 2005 - 22:57 #27
Det er der ikke noget der hedder :p
28. april 2005 - 23:19 #28
Ja læg et svar også plazm..
29. april 2005 - 15:51 #29
Så kaster jeg et svar.
Vi tilbyder markedets bedste kurser inden for webudvikling
