jump.blueberry
New member
Hallo,
in meiner Newsübersicht habe ich einzelne Kästen, in denen vor dem Text (float:left) ein Bild steht.
Ist nun aber weniger Text vorhanden als das Bild hoch ist, ragt das Bild über den Kasten...
Kann man dagegen etwas tun?
Hier der komplette testcode mit allen relevanten Styles:
Danke für eure hilfe!
in meiner Newsübersicht habe ich einzelne Kästen, in denen vor dem Text (float:left) ein Bild steht.
Ist nun aber weniger Text vorhanden als das Bild hoch ist, ragt das Bild über den Kasten...
Kann man dagegen etwas tun?
Hier der komplette testcode mit allen relevanten Styles:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
h1{
font-size:16px;
color:#C76743;
font-weight:400px;
}
h2{
font-size:14px;
font-weight:600;
color:#0061a2;
}
body#neuigkeiten .newskasten{
background-color:#eeeeee;
width:500px;
border-bottom:2px solid #0061a2;
overflow:visible;
}
body#index div#newssmall{
padding:5px;
position:absolute;
top:190px;
right:10px;
border:2px solid #0061a2;
width:160px;
}
body#index div.newskasten{
border-bottom:2px solid #0061a2;
}
.newsbild{
border: 1px solid #0061a2;
float:left;
margin-right:10px;
}
.datumklein{
text-align:right;
font-size:0.8em}
</style>
</head>
<body id="neuigkeiten">
<div class="newskasten">
<h2>Überschrift</h2><img src="newsbild_Beispiel.jpg" width="200" height="150" class="newsbild" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
<div class="datumklein" >08.12.2006</div></div>
</body>
</html>Danke für eure hilfe!