nicht angemeldet
h1 macht Abnstand nach oben
Habe diesen Code hier:
<html>
<head>
<title>Test</title>
<style type="text/css">
body {
padding:0; margin:0;
}
ul {
float:left;
background-color:red;
}
</style>
</head>
<body>
<ul>
<li>Link</li>
<li>Link</li>
<li>Link</li>
</ul>
<h1>Titel</h1>
</body>
</html>
Blöderweise scheint H1 der gesammten Seite ein margin-top zu geben.
Der Abstand am oberen Teil der Seite verschwindet erst, wenn ich
h1 { margin-top:0 } mache.
Warum ist das so bzw. gibt es da eine Standardlösung für?
Getestet im FF
-
jeder Browser hat seine CSS-Voreinstellungen, die musst du vor deinem eigentlichen Stylesheet erst einmal "auf 0 setzen".
Dieser Artikel beschreibt wie es geht
Das Basis-Stylesheet -
Hallo,
Blöderweise scheint H1 der gesammten Seite ein margin-top zu geben.
Das liegt daran, dass dein h1 das erste Element im Textfluss ist (ul ist gefloatet, also nicht im Textfluss). Dessen (default-)margin-/padding-top bestimmt also den Abstand vom body zum "Rest".
Viele Grüße
Patrick--
"Though this be madness, yet there's method in't."
sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:| -
Tachchen!
Habe diesen Code hier:
Du hast im Zweifel collapsing margins. ;-)
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
Smartbytes Webdesign in Oberhausen