nicht angemeldet
Abstände zwischen divs elimieren
Hallo, ich habe mit Hilfe von CSS mehrere Container übereinander angeordent und auch einige Grafiken eingefügt (als Hintergrund).
Folgendes Problem: zwischen den einzelnen "divs" entsteht immer ein nerviger Abstand, den ich einfach nicht wegbekomme...
Habe auch schon gesucht aber nichts bringt mich irgendwie weiter. Der CSS Code
body {
color:#FFFFFF;
background:url(hintergrund.jpg);
}
h1 { padding-top:15px; font-size:24px;color:#ffffff;margin:0px;}
h2 { font-size:14px; padding-left: 20px;}
.main { width:622px; margin:0px auto;text-align:center;border:dashed 1px black; }
.title { height:75px; text-align:center; margin:0px}
.content_title { height: auto; width:622px; padding:0px; margin:0px auto; }
.content_top { width:622px; background:url(ev_bg_top.gif); padding:0px; margin:0px auto; }
.content { width:622px; background:url(ev_bg.gif); padding:0px; margin:0px auto;}
.content_bottom { width:622px; background:url(ev_bg_bottom.gif); padding:0px; margin:0px auto; }
Der HTML-Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<link rel="stylesheet" href="format.css" type="text/css" />
<title>Einfache Website mit Menü</title>
</head>
<body>
<div class="main">
<div class="title"><h1>Einfache Webseite mit Menü<br /> <a href="#">Startseite</a> |
<a href="#">Forum</a> | <a href="#">Aktuelles</a> | <a href="#">Sonstiges</a></h1></div>
<div class="content_title"><img src="xy.jpg" alt="" /></div>
<div class="content_top"> </div>
<div class="content"><h2>Test test test</h2></div>
<div class="content_bottom"> </div>
<div style="clear:both"></div>
</div>
</body>
</html>
Es wäre sehr schön wenn mir jemand beschreiben könnte, wie ich dieses nervige Problem beseitigen kann.
-
Es wäre sehr schön wenn mir jemand beschreiben könnte, wie ich dieses nervige Problem beseitigen kann.
dein problem ist, dass du die defaulteigenschaften der überschriften vergessen hast
deine weiteren problem sind:
- du verwendest nicht utf-8
- du verwendest einen xml-prolog der den ie6 traurig macht
- du verwendest xhtml 1.1 (was du dir wirklich genau überlegen solltest)
- du verwendest inline-css
- du verfasst eine div-suppe
- du verwendest als formatierungswerkzeug
- du bist dir nicht bewusst, dass du das body-element foramtieren kasnnt und fügst #main ein
- du benennst dinge nache ihrem aktuellen aussehen "top", "bottom"
- du verwendest | als gestaltungsmittel
-
Es wäre sehr schön wenn mir jemand beschreiben könnte, wie ich dieses nervige Problem beseitigen kann.
dein problem ist, dass du die defaulteigenschaften der überschriften vergessen hastdeine weiteren problem sind:
- du verwendest nicht utf-8
- du verwendest einen xml-prolog der den ie6 traurig macht
- du verwendest xhtml 1.1 (was du dir wirklich genau überlegen solltest)
- du verwendest inline-css
- du verfasst eine div-suppe
- du verwendest als formatierungswerkzeug
- du bist dir nicht bewusst, dass du das body-element foramtieren kasnnt und fügst #main ein
- du benennst dinge nache ihrem aktuellen aussehen "top", "bottom"
- du verwendest | als gestaltungsmittel
ehrlich gesagt verstehe ich nicht ganau was du mit default Eigenschaften meinst bzw. wie mir das helfen soll.
zu den restlichen Sachen: das body element soll den "Hauptkasten" ja umgeben, deshalb habe ich noch ein zusätzliches Element eingefügt. Außerdem soll die Seite erstmal zum testen dienen, wäre schön wenn sie überhaupt erstmal so funktioniert wie sie soll. Wenn ich utf-8 nehme, zeigen mir die Browser alle Umlaute immer als ? an.
mfg
Schniepel-
ehrlich gesagt verstehe ich nicht ganau was du mit default Eigenschaften meinst bzw. wie mir das helfen soll.
jedes html element wird von browser selbst mit eigenschaften belegt, die er in seinem standard-css-file mitliefert - da sorgt zb dafür, dass <strong> fett ist und <h1> fett und größer ist als andere elemente
generische container - wie div und span verfügen praktisch über keine vorerstellungen - überschriften über vergleichsweise viele (darunter auch der aussen und innenabstand)
zu den restlichen Sachen: das body element soll den "Hauptkasten" ja umgeben, deshalb habe ich noch ein zusätzliches Element eingefügt.
du hast doch schon das body-element - das umgibt doch alles - wenn das nicht reicht, das html-element umgibt erst recht alles :D
Außerdem soll die Seite erstmal zum testen dienen
test sollten immer unter idealbedingungen durchgeführt werden - wenn du sie schon unter nicht idealen bedinungen testest, wie solls dann in der praxis unter anderen bedingungen, die auf andere weise nicht ideal sind, funktionieren? ;)
wäre schön wenn sie überhaupt erstmal so funktioniert wie sie soll.
du bist nur 2 eigenschaften davon entfernt
Wenn ich utf-8 nehme, zeigen mir die Browser alle Umlaute immer als ? an.
schei? encoding das hatten wir doch vor einiger zeit schon :)
utf-8 solltest du wirklich DRINGEND verwenden
http://www.w3.org/International/questions/qa-what-is-encoding