nicht angemeldet
Problem mit Abständen
Gunnar BittersmannHallo zusammen,
habe eine Problem hätte gerne eine H2 in einer Box mit einem Hintergrund. Leider ignoriert der Browser mein margin komplett . Wenn ich allerdings um die h2Box eine border: 1px solid #000; mache bekomme ich das Ergebnis was ich haben möchte. Nehme ich die border wieder raus wird das margin: 15px; meiner h2 komplett ignoriert was mache ich falsch ?
Hier die CSS Datei
h2 {
color: #FFF;
font-size:1.8461em;
letter-spacing:-1px;
margin: 15px;
}
div.h2Box {
background:url(./images/h2-bg.gif) left top repeat;
/* border: 1px solid #FFF;*/
}
Und hier die HTML Datei
<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<meta charset="ISO-8859-1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
Beispiel für Überschriften
<div class="h2Box"><h2>Überschrift - H2</h2></div>
</body>
</html>
Lg Fireli
-
@@firestone:
nuqneH
Nehme ich die border wieder raus wird das margin: 15px; meiner h2 komplett ignoriert
Nein, er fällt mit einem anderen Abstand zusammen. [CSS21 §8.3.1]
(Zum Verständnis vielleicht auch die Übersetzung der veralteten Version [CSS2 §8.3.1] ansehen.)
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
Om nah hoo pez nyeetz, Gunnar Bittersmann!
Ergänzung
im Wiki gibt es auch Beispiele.
Matthias
--
1/z ist kein Blatt Papier.
-