Seitenfüllende Deutschlandflagge mit HTML und CSS

Devotika · 07.12.2008

Code:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="datei.css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Deutschland</title>
<style type="text/css">
html, body {
height: 100%;
}
div {
width: 100%;
height: 33%;
}
</style>
<script type="text/javascript" src="script.js">
</script>
</head>
<body>
<div style="background-color: black;"></div>
<div style="background-color: red;"></div>
<div style="background-color: gold;"></div>
</body>
</html>

Wie schafft man es nun, dass

die divs auch am Rand des Browsers heften.
die "height" von 100% nicht den Seitenrahmen sprengt.

Thrillboy · 08.12.2008

Ich weiß nicht, was du mit Seitenrahmen sprengen meinst, aber damit die Flagge keinen weißen Rand hat, muss nur im BODY margin:0 und padding:0 angegeben werden:

Code:

html, body { height: 100%; margin: 0; padding: 0; }

Seitenfüllende Deutschlandflagge mit HTML und CSS

Erweitert

Devotika

Guest

Thrillboy