nicht angemeldet
Hi AZ,
Hat noch jemand eine Idee, wie ich ein p - Tag in einem div vertikal ausrichten kann, wenn mir die genaue Höhe des p-Tags nicht (vorher) bekannt ist?
Also meine Idee wäre das ganze mit position:absolute zu lösen, vielleicht nicht der
sauberste weg aber besser als garnichts. ;-)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>..::INTCASE::..</title>
<meta name="author" content="Engin Yildiz" />
~~~~~~css
<style type="text/css">
#rotebox
{
background: #f00;
min-height: 200px
;position:relative;
}
#rotebox p
{
width:100%;
margin:0;
padding:0;
background: #ff0;
position:absolute;
bottom:0;
left:0;
}
</style>
<!--[if IE]>
<style type="text/css">
#rotebox
{
height:200px;
}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
#rotebox
{
min-height:200px;
}
</style>
<![endif]-->
~~~~~~html
<html>
<body>
<div id="rotebox">
<p>
hallo
</p>
</div>
</body>
</html>
Im Firefox 2 und IE 6 sieht es denke ich mal wie gewünscht aus,
Live Demo.
Grüße,
Engin
GYRO
MudGuard