nicht angemeldet
Hi,
<!doctype html>
<html>
<head>
<title></title>
<style type="text/css">
[code lang=css] body {
background:black;
}
article {
border:3px solid #fff;
overflow:hidden;
background:url(http://image.bayimg.com/dahnaaadl.jpg);
width:934px;
padding:20px;
}
article > img {
float:left;
}
article > div {
background:rgba(255,255,255,.7);
padding:0 20px;
overflow:hidden;
/* height:240px; // Diese Zeile einkommentieren damit man sieht wie es sein sollte */
}
h1 {
border-bottom:1px dashed #9e4343;
}
</style>
</head>
<body>
<article>
<img src="http://placehold.it/350x240" alt="Ein hübsches Bild in Grau"/>
<div>
<h1>Foo</h1>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
</p>
</div>
</article>
</body>
</html>[/code]
Das div-Element neben dem Bild ist immer nur so hoch wie sein Inhalt. Ich möchte aber, dass es mindestens so hoch ist, wie das Bild daneben.
min-height:100% funktioniert nicht, was mich kaum wundert. Das article-Element hat ja auch keine feste Höhe.
Jemand eine Idee wie ich das bewerkstelligen könnte?
Ohnehin stört mich das nutzlose div-Element, aber ohne bekomm' ich 's überhaupt nicht hin. Wenn also da jemand weiß wie ich schaffen kann dass es wie gewünscht aussieht nehme ich gerne Hinweise an :-)
~dave
Gunnar Bittersmann