Darstellungsprobleme mit Ebenen (Layer) bei Firefox/Netscape

[Auge]

Hallo

#header{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  background-color:#006699;
  height:60px;
  margin-left:auto;
  margin-right:auto;
}
#header h1{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 10px;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #ffffff;
  background-color : transparent;
  vertical-align:middle;
}

Was die falsch ausgerichtete Überschrift betrifft, mit deinen Angaben zu #header h1 klebst du sie selbst in die linke obere Ecke. h1 steht ohne margin und padding in #header, ist also automatisch nur so groß, wie es die Schrifgröße erfordert. Nimm mal testweise eine Höhe von 100% des umgebenden Elements (<div id="header">) zu deinen Angaben dazu, und spiel mit dem padding rum, dann solltest du sehen, was ich meine.

Grundsätzlich wäre aber noch hinzuzufügen, dass du die Überschrift selbst genauso formatieren kannst, so mit Höhe und Breite und Farben etc., wie das div. Du brauchst letzteres also eigentlich nicht.

Was die Verschiebung der Links in der Navigation betrifft, du bist dem Boxmodelbug des MSIE aufgesessen. Dieser rechnet padding, border und margin _außen_ auf die Breite/Höhe eines Elements drauf. Dies entspricht nicht den Regeln, wie sie für CSS festgelegt sind. Der Mozilla/Firefox rechnet Standardkonform, womit z.B. deine Linkkästen dort schmaler sind.

Tschö, Auge