unerklärliche Spalte zwischen zwei Elementen
tina
- css
Hallo,
in folgendem codestück erscheint zwischen dem Bild und dem "<div id="center">" ein Rand, der da der header roten hintergrund hat als roter streifenerscheint.
Wie bekomme ich den <div id="center"> direkt unter das Bild?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Spalte</title>
<style type="text/css" >
div, img { margin:0; padding:0; border:0;}
body { background-color: #A6A995; }
#container { width:900px; margin:20px auto 10px auto;
overflow:hidden; }
#header { background-color:red; }
#center { overflow:hidden;
background: url(mid.gif) repeat-y;
padding: 0 10px 0 20px; }
</style>
</head>
<body>
<div id="container">
<div id="header">
<a href='#'><img src='trailer.gif' alt='alt'></a>
</div>
<div id="center">
CENTER
</div>
</div> <!-- container -->
</body>
</html>
Hi,
Wie bekomme ich den <div id="center"> direkt unter das Bild?
In dem du dich zum Stichwort Unterlaengen informierst, bspw. hier im Archiv.
MfG ChrisB
Hi,
Wie bekomme ich den <div id="center"> direkt unter das Bild?
In dem du dich zum Stichwort Unterlaengen informierst, bspw. hier im Archiv.
Danke, das wars.
falls jemand das gleiche Problem hat: img {vertical-align:bottom;}
Backgroundinfo zu den angesprochenen Unterlaengen
http://www.carsten-protsch.de/zwischennetz/doctype/luecken.html
Hallo tina,
in folgendem codestück erscheint zwischen dem Bild und dem "<div id="center">" ein Rand, der da der header roten hintergrund hat als roter streifenerscheint.
Ist das eine Frage oder Kunst? ;-)
SCNR
Viele Grüße,
Marc.