tina: unerklärliche Spalte zwischen zwei Elementen

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>
  1. 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

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    1. 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

  2. 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.

    --
    Und immer schön
    validieren (http://validator.w3.org/)