✔ !DOCTYPE... problem

Malaxo · 22. Mai 2006

Wollte mir mal ein rein CSS Layout machen. Hab ganz einfach angefangen

HTML:

body {
	background-color: black;
  	font-size: 16px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #FFFFFF;
  	margin: 20px;
}

#container {
	height: 100%;
	width: 100%;
	float: left;
	border: 1px dashed silver;
}

Problem....

Wenn ich in meinem HTML File folgendes habe

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Funktioniert die breite 100% schon aber die höhe NICHT... Warum ist das so?

Welcher w3 Doctype ist hier für am besten geeignet? Ohne das gehts

Welcher genauere zweck hat dies überhaupt? Warum "sollte" man das nicht weglassen können?

Gumbo · 22. Mai 2006

Ohne Dokumenttyp-Deklaration schaltet der Browser in den Quirks-Modus und verhält sich somit wie ein alter Browser. Die Dokumenttyp-Deklaration ist jedoch wichtig, um dem Browser explizit mitzuteilen, nach welchen Regeln das Dokument verfasst wurde. Siehe dazu auch Eric Meyers „Picking a Rendering Mode“.

Maik · 22. Mai 2006

Bei dem verwendeten Doctype musst du das Stylesheet mit folgender Regel ergänzen, damit die Container-Höhe auf 100% gesetzt wird:

Code:

html, body {
height: 100%;
}

✔ !DOCTYPE... problem

Malaxo

Erfahrenes Mitglied

Gumbo

Erfahrenes Mitglied

Maik

Neue Beiträge