• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div container ist nicht bündig mit dem oberen container

devilseye

Neues Mitglied
hallo
kann mir jemand erklären wiso sich hier
Code:
<body>
<div id="header">
<img src="Titelhomepage.jpg" width="100%" height="142" />
</div>
<div id="nav">
<font color="#FF6600" size="4">
<a href="verenas Facepainting.html">Home</a> : : <a href="Geschichte.html">Geschichte</a> : : <a href="fotoalbum.html">Fotoalbum</a> : : <a href="aktuelles.html">Aktuelles</a> : : <a href="geschichte.html">Geschichte</a> : : <a href="gästebuch.html">Gästebuch</a> : : <a href="kontakt.html">Kontakt</a> : : <a href="links.html">Links</a>
</font>
</div>
<div id="main">
<h1 align="center"><font color="#FFFFFF"><br />
  Herzlich Willkommen auf der Homepage<br />von
  </font>
</h1>
<img src="Facepblau2.jpg" width="336" height="403" />
<blockquote>
  <p align="left">
    <span style="font-family:'Formal436 BT'">
      <font size="3" color="#b0c4de">
      <em>
      <strong>
      Goethe stellte die Frage<br />
      </strong>
      </em>
      </font>
    </span></p>
  <blockquote>
    <p align="left"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><em><strong>"...gehört die Farbe nicht</strong></em></font></p>
  </blockquote>
</blockquote>
</div>
</body>
Code:
div#header {
    height:142;
}
div#nav {
    height:2%;
}
div#main {
    height:100em;
}
    
div#header, #nav, #main {
    background-color:#014296;
    font-size:24px;
    text-align:center;
    font-weight:bold;
    width:70%;
    padding:0%;
    color: #F60;
    font-style: normal;
    line-height: normal;
    clear: both;
    float: none;
    margin-top:0%;
    margin-bottom:0%;
    margin-left:15%;
    margin-right:15%;
}
immer ein abstand zwischen dem div nav und dem div main aufmacht wenn man die page im browser resp. Live View betrachtet?
Danke schon im voraus fürs antworten.

MFG devilseye
 
Hast du vorher Margin und Padding mit dem Universalselektor auf 0 gesetzt? Damit umgehst du irgendwelche Browser-Voreinstellungen etc.

Code:
* { 
margin: 0; 
padding: 0; 
}
 
Hab ich ihm das nicht schon hier gesagt?
Code:
div#header, #nav, #main {
    background-color:#014296;
    font-size:24px;
    text-align:center;
    font-weight:bold;
    width:70%;
    padding:0%;
    color: #F60;
    font-style: normal;
    line-height: normal;
    clear: both;
    float: none;
    margin-top:0%;
    margin-bottom:0%;
    margin-left:15%;
    margin-right:15%;
}
 
Stell doch mal nen Link zur Seite ein, das machst für uns einfacher, das zu rekonstruieren.
Oder installier Dir Firebug in Deinen Firefox und guck selber nach. Damit geht das ganz gut.
 
oke danke.
ich würde ja gerne einen link zur page machen nur das problem ist das die seite die jetzt on ist nicht diejenige die ich am verändern bin da diese erst auf meinem pc ist.
 
Zurück
Oben