HTML & CSSur HTML, XHTML & CSS
5 svar · 253 visningar · startad av K@llen
Hej,
Jag har en div som har height 64px. I diven vill jag ha lite text justerat till botten. Jag har testat i CSS:en för lagret:
vertical-align: bottom;
Fungerar tydligen inte. Hur gör jag?
display:table-cell
Men det funkar inte med IE. vertical-align fungerar bara på inline-boxar och tabell-celler.
eller testa att absolutpositionera en p-tagg eller nåt i botten
Jag måste alltså sätta en padding-top för att positionera innehållet i höjdled?
Har gjort ett förslag här!
<html>
<head>
<style type="text/css">
<!--
div
{float:left; width:350px; height:64px;background-color:lightblue; border:1px solid black; color:black;}
.botten {padding-top:50px;}
.div2 {width:350px; height:64px;float:left;margin-left: 10px;}
-->
</style>
</head>
<body>
<div>
<p class=botten>
text
</p>
</div>
<div class=div2>
Minska talet för padding-top i den vänstra till 42 så blir den lika hög som denna.
<br>
Denna div ligger bara som jämförelse (64px hög)
</div>
</body>
</html>
ungefär så, eller samma html, fast sätta:
.botten {position:absolute;bottom:0;left:0;width:100% }
. Då måste du också sätta position:relative på divven som omsluter .botten
/ m a r t i n