nicht angemeldet
Sicher eine Anfängerfrage zu CSS
MudGuardHallo Forum,
ich beschäftige mich erst seit kurzem mit CSS und möchte eine einfache Seite strukturieren: Header, Content und Footer mit jeweils gleicher Breite sollen nahtlos untereinander erscheinen. Mit nachfolgender CSS-Beschreibung ist zwischen jedem Container ein Abstand. Welchen Fehler habe ich übersehen?
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: courier new, verdana, arial, helvetica, sans-serif;
font-size: 100.01%;
font-weight: normal;
color: #fff;
background-color:#444;
}
#header { margin: 20px auto 0px auto;
padding: 0px;
background: #000;
height: 200px;
width: 950px;
}
#content1 { margin: 0px auto 0px auto;
padding: 0px;
background: #111;
height: 400px;
width: 950px;
text-align: center;
}
#footer { margin: 0px auto 0px auto;
padding: 0px;
font-size: 0.8em;
background: #000;
text-align: center;
height: 100px;
width: 950px;
}
Grüsse Matze
-
ich beschäftige mich erst seit kurzem mit CSS und möchte eine einfache Seite strukturieren: Header, Content und Footer mit jeweils gleicher Breite sollen nahtlos untereinander erscheinen. Mit nachfolgender CSS-Beschreibung ist zwischen jedem Container ein Abstand. Welchen Fehler habe ich übersehen?
Eventuell das, was zwischen den verschiedenen Bereichen steht.
Es gibt (eine Vermutung) unsichtbaren aber festen Whitespace, oder andere Fehler im Quellcode.mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
kann ich nicht entdecken
<body>
<div id='header'>
</div>
<div id='content1'>
<p>Demnächst mehr ...</p>
</div><div id='footer'>
</div>
</body>
-
kann ich nicht entdecken
ich schon:
<body>
hier
<div id='header'>
</div>
hier
<div id='content1'>
<p>Demnächst mehr ...</p>
</div>hier
<div id='footer'>
</div>
hier
</body>
-
Das ist Unfug!
Habe jetzt einen Container um die 3 bestehenden Conatainer gelegt (heilige Digv-Suppe) und siehe da, die Abstände sind weg.
-
Das ist Unfug!
Nur deine Behauptung, da gäbe es keinen Whitespace!
Habe jetzt einen Container um die 3 bestehenden Conatainer gelegt (heilige Digv-Suppe) und siehe da, die Abstände sind weg.
Gab's da nicht wenigstens schon mal ein body drumherum? Wozu noch ein div? CSS-Probleme solltest du im CSS bearbeiten, nicht im HTML.
-
-
-
Hi,
<div id='content1'>
<p>Demnächst mehr ...</p>
</div>collapsing margins? Welche margins hat das p?
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
-
Hallo Andreas,
vielen Dank, das war's
<p> hatte ich nicht per CSS definiert.
Erstaunlich, dass das solche Auswirkungen hat.Gruss Matze
-
Om nah hoo pez nyeetz, Matze!
<p> hatte ich nicht per CSS definiert.
dennoch sind dafür Styles festgelegt.
Matthias
--
-
-
-
-
-
Hi!
ich beschäftige mich erst seit kurzem mit CSS und möchte eine einfache Seite strukturieren: Header, Content und Footer mit jeweils gleicher Breite sollen nahtlos untereinander erscheinen. Mit nachfolgender CSS-Beschreibung ist zwischen jedem Container ein Abstand. Welchen Fehler habe ich übersehen?
Nimm dir die Firebug-Extension für den Firefox oder F12 im IE8 (Opera und Chrome haben auch sowas) und untersuch es. Da gibt es beispielsweise die Layout-Ansicht der einzelnen Elemente, in der man schön sehen kann, welche Abstände wirken.
Lo!