B[r]owser: MARGIN wird ...verweigert?

SELF-Forum

MARGIN wird ...verweigert?

B[r]owser
– Informationen zu den Bewertungsregeln

Und leider schon wieder ein Problem...

  
body {  
        font-family: Verdana, Arial, Helvetica, sans-serif;  
	margin: 0;  
	padding: 0;  
}  
  
img {  
	border: 0;  
}  
  
header {  
	width: 800px;  
	margin-right: auto;  
	margin-left: auto;  
}  
  
nav {  
	width: 800px;  
	margin-right: auto;  
	margin-left: auto;  
}

Meiner Meinung nach müssten nun die beiden Elemente <header> und <nav> direkt untereinander
[also ohne margins oder paddings] angezeigt werden, da im <body> ja margin und padding auf den Wert 0 gesetzt wurden.
Dies ist aber nicht der Fall, zwischen den beiden Elementen klafft nach wie vor ein Spalt... was übersehe ich?

Danke,
B[r]owser

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. MARGIN wird ...verweigert?

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Meiner Meinung nach müssten nun die beiden Elemente <header> und <nav> direkt untereinander
    [also ohne margins oder paddings] angezeigt werden, da im <body> ja margin und padding auf den Wert 0 gesetzt wurden.

    D.h. der body hat keine margins.

    Dies ist aber nicht der Fall, zwischen den beiden Elementen klafft nach wie vor ein Spalt... was übersehe ich?

    Hast Du irgendwo eine Aussage über die margin-top/margin-bottom von header/nav gemacht?
    Oder für die Elemente darin (wegen collapsing margins ggf. relevant).

    Zumindest im gezeigten Code nicht.

    (ach ja: CSS-Code ist ziemlich wertlos ohne das zugehörige Markup)

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. MARGIN wird ...verweigert?

      B[r]owser
      – Informationen zu den Bewertungsregeln

      Hi, danke für deine Antwort.

      Ja, auch die Angabe von margin-top / margin-bottom bringt nicht wirklich was:

        
header {  
	width: 800px;  
	margin-top: 0;  
	margin-right: auto;  
	margin-bottom: 0;  
	margin-left: auto;  
}  
  
nav {  
	width: 800px;  
	margin-top: 0;  
	margin-right: auto;  
	margin-bottom: 0;  
	margin-left: auto;  
}
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. MARGIN wird ...verweigert?

        B[r]owser
        – Informationen zu den Bewertungsregeln

        OK... Nochmal zum besseren Verständnis:

        Ich habe eine HTML Datei mit einem <header> und einem <nav> Element.
         <header> hält ein jpg,
         <nav> die <ul><li> Navigation.

        Die dazugehörige CSS Datei lautet wie folgt:

          
body {  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: small;  
	background-color: #ecffff;  
	margin: 0;  
	padding: 0;  
}  
  
img {  
	border: 0;  
}  
  
header {  
	width: 800px;  
	margin-right: auto;  
	margin-left: auto;  
}  
  
nav {  
	width: 800px;  
	margin-right: auto;  
	margin-left: auto;  
}  
  
nav ul {  
	background-color: #004381;  
	text-align: center;  
	margin: 0;  
	padding: 0;  
}

        Obwohl margin / padding der Wert 0 zugewiesen wurde, zeigt sich zwischen <header> und <nav> nach wie vor ein kleiner Spalt.
        Ich bin mir sicher dass es sich hier um einen vergleichsweise banalen Fehler handelt, den ich aber nicht finde...

        Danke für eure Hilfe!

        B.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. MARGIN wird ...verweigert?

          MudGuard Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Hi,

          Ich wiederhole:

          Hast Du irgendwo eine Aussage über die margin-top/margin-bottom von header/nav gemacht?

          Im gezeigten Code jedenfalls nicht.

          Oder für die Elemente darin (wegen collapsing margins ggf. relevant)?

          Zu letzterem: ja, aber nur für's ul im nav. Aber auch für die darin-liegenden Elemente (wegen der collapsing margins)?
          Oder für die anderen Elemente in header/nav?

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          O o ostern ...
          Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

  2. Doppelposting

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@B[r]owser:

    nuqneH

    was übersehe ich?

    Dass Doppelpostings hier unerwünscht sind (warum, steht in der Charta) und du in deinem alten Thread bleiben solltest.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln