HTML & CSSur HTML, XHTML & CSS
4 svar · 208 visningar · startad av pakmannen
Får det inte att fungera, men fattar inte varför:
<div style="height:600px; width:800px; text-align: center; vertical-align: middle;">hej</div>
Texten blir bara centrerad vågrätt, inte lodrätt. Hur skall man använda vertical-align?
Har egentligen inget bra svar, men jag löste det genom att sätta margin-top till ett värde för att "få ner" texten
Finns säkert nåt som är bättre....
Iofs hade jag bara en mindre div med mindre höjd som innehåller en överskrift...
För att det ska funka så måste du ha två nästlade divor, sätt display:table på den yttre och display:table-cell på den inre.
Som higa nämner gäller vertical-align endast tillsammans med tabeller.
För att åstadkomma liknande utan tabeller eller använda css egenskapen display, kolla in
http://www.webforum.nu/showthread.php?s=&threadid=63131&highlight=centrera
Fungerar bra, tackar!
Här e ett annat sätt:
top: 50%; left: 50%;
och sätt top och left-marginalerna till höjden/2 respektive bredden/2
