Illthis: ungewollte Abstände zwischen 2 DIVs

Beitrag lesen

SELF-Forum

ungewollte Abstände zwischen 2 DIVs

Illthis
– Informationen zu den Bewertungsregeln

Hi.
Häng schon ziemlich lang an nem Design und versteh einfach nicht warum u.a. FF3, Safari3, Opera9.5, ... zwischen "Line" und "Content" einen Abstand reinbasteln. Der Content soll direkt unter die Line kommen. Kann mir jemand helfen? Schon vorab 1000 Dank!!!

  
<?xml version="1.0" encoding="iso-8859-1"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
  
<head>  
  <title>Design Test</title>  
  <style><!--  
  body {  
 margin: 0px;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 color: #000000;  
 background-color: #FFFFFF;  
 text-align: center;  
  }  
  div#dsg_headerback {  
 width: 100%;  
 height: 122px;  
 background-color: #880000;  
 text-align: center;  
 margin: 0px;  
  }  
  div#dsg_header {  
 width: 1000px;  
 height: 122px;  
 background-color: #FF0000;  
 margin: 0px auto 0px auto;  
  }  
  div#dsg_lineback {  
 width: 100%;  
 height: 38px;  
 background-color: #008800;  
 text-align: center;  
 margin: 0px;  
  }  
  div#dsg_line {  
 width: 1000px;  
 height: 38px;  
 background-color: #00FF00;  
 margin: 0px auto 0px auto;  
  }  
  div#dsg_content {  
 width: 1000px;  
 min-height: 800px;  
 background-color: #CCCCCC;  
 margin: 0px auto 0px auto;  
 text-align: left;  
  }  
  --></style>  
</head>  
  
<body>  
  <div id="dsg_headerback">  
    <div id="dsg_header"></div>  
  </div>  
  <div id="dsg_lineback">  
    <div id="dsg_line"></div>  
  </div>  
  <div id="dsg_content">  
    <h1>Page &Uuml;berschrift</h1>  
    <div class="item">  
      <h2>Item1 &Uuml;berschrift</h2>  
      <div>  
        Inhalt bla bla bla bla bla bla bla und noch ein bisschen mehr.  
      </div>  
    </div>  
    <div class="item">  
      <h2>Item2 &Uuml;berschrift</h2>  
      <div>  
        Inhalt bla bla bla bla bla bla bla und noch ein bisschen mehr.  
      </div>  
    </div>  
  </div>  
</body>  
  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln