CSS 1 Pixel zwischen Header und Topmenu..

Donatien · 11.10.2010

Ich hab nun 2 Stunden vergeblich gesucht......

Zwischen dem Header und dem Topmenu ist ein 1pixel hoher Space, warum??

Code:

* {padding: 0; margin: 0;} /* Alle Rahmen auf Null */
body { background:#ccc; }

#container { /* Webseiten Format */
    width:994px;
    margin: 0 auto;
    background:white;
}

#header {  /* Kopfgrafik Bereich */
    width: 994px;
    height: 121px;
    background-color: #fff;
  background: url("../img/header.jpg");
}

#topmenu {/* Horizontales Topmenu*/
    height:25px;
  float: left;
    width: 994px;
  background: url(../img/bg_topmenu.jpg);
  font-family:  Verdana, Sans-Serif;
  font-size:100%;
    color: #333;
}

#leftmenu {/*Linkes Menufenster*/
   float:left;
   width:220px;
   min-height:530px;
   margin:0;
   padding:0;
   color:#fff;
   background:white;
   background: url(../img/bg_menu.jpg) top no-repeat;
}
#dataframe {/*Hauptfenster Datenbereich*/
 width:774px;
 min-height:530px; 
 margin:0;
 padding:0;
 float:right;
 background:white;
}
#textframe {/*Textfenster der Seiten ist im Dataframe eingeschlossen*/
 width:754px;
 margin:0;
 padding:10px;
 float:right;
 background:white;
 font-family: verdana, geneva, arial, sans-serif;
 font-size:11pt; 
 text-align: justify;
}
#footer {
    height:40px;
  float: left;
    width: 994px;
  background: url(../img/bg_footer.jpg);
}

Danke für die Mühe

fexx · 11.10.2010

AW: CSS 1 Pixel zwischen Header und Topmenu..

poste doch bitte mal auch den html code oder noch besser einen link zur seite ;-)

Donatien · 11.10.2010

AW: CSS 1 Pixel zwischen Header und Topmenu..

Die Site ist nur auf meeinem Rechner...

Der html Bereich

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link rel="stylesheet" type="text/css" href="css/style-test.css" />
<title>Musterseite CSS</title>
</head>
<body>
<div id="container"><!-- Beginn HP Container-->

    <div id="header"><!-- Beginn Kopfbereich-->
    </div><!-- Ende Kopfbereich-->

    <div id="topmenu"> <!-- Beginn Horinzontales Menu-->
    </div><!-- Ende Horinzontales Menu-->
    
    
    <div id="leftmenu"> <!-- Beginn Linkes Menu-->
    
    
    </div> <!-- Ende linkes Menu-->
    
    <div id="dataframe"><!-- Beginn Hauptfenster-->
    <div id="textframe"><!-- Beginn Textbereich-->
    
    
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<p> Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>


    </div><!-- Ende Textbereich-->   
    </div><!-- Ende Hauptfenster-->
    
    <div id="footer"><!-- Beginn Fussbereich-->       
    </div><!-- Ende Fussbereich--> 
    

</div><!-- Ende des HP Containers-->
</body>
</html>

fexx · 11.10.2010

AW: CSS 1 Pixel zwischen Header und Topmenu..

also ich habs jetzt bei mir getestet und da ist kein pixel ;-) anstatt des bildes, welches mir ja fehlt, hab ich eine farbe genommen. villeicht ist der fehler im bild?

Donatien · 11.10.2010

AW: CSS 1 Pixel zwischen Header und Topmenu..

Du hast ja sowas von recht!!!!!!

Im Header-Pic hatte sich unten eine 1pixel Zeile eingeschlichen.
Die Augen sind halt nicht mehr die Besten und ausserhalb der Gewährleistung

Danke!!!

fexx · 11.10.2010

AW: CSS 1 Pixel zwischen Header und Topmenu..

ich mach das oftmals so, dass ich meinen divs - am anfang beim umsetzen - eine hintergrund farbe geb.