looser
wiso klappt das nicht...
huhu ich teste gerade mal ne html und ne css,aber irgendwie sitzen die divs nicht so wie ich die haben will.ich will nicht mit przentangabe arbeiten.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="screen.css" rel="stylesheet" type="text/css" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<div class="body">
<div class="header">header</div>
<div class="navi1">navi1</div>
<div class="contest">"contest"</div>
<div class="navi2">Raum für den Inhalt von class "navi2"</div>
</div>
</body>
</html>
css
.body {
width:1200px;
min-height:720px;
background-color: #99FFFF;
margin: 0px 0px 0px 0px;
}
.header {
width: 1100px;
height: 150px;
background-color: #00FF66;
margin: 20px 0p 50px 0px;
}
.contest {
background-color: #33CCFF;
width: 600px;
min-height: 500px;
float: left;
margin: 10px 0px 0px 0px;
}
.navi2 {
background-color: #0099FF;
width: 150px;
min-height: 300px;
margin: -20px 10px 0px 100px;
}
.navi1 {
width: 150px;
min-height: 300px;
background-color: #00FF99;
margin: -20px 0px 0px 100px;
der header soll mittig sitzen.dann untendrunter die navi, daneben der contest und daneben die navi1..
}
huhu ich teste gerade mal ne html und ne css,aber irgendwie sitzen die divs nicht so wie ich die haben will.ich will nicht mit przentangabe arbeiten.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="screen.css" rel="stylesheet" type="text/css" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<div class="body">
<div class="header">header</div>
<div class="navi1">navi1</div>
<div class="contest">"contest"</div>
<div class="navi2">Raum für den Inhalt von class "navi2"</div>
</div>
</body>
</html>
css
.body {
width:1200px;
min-height:720px;
background-color: #99FFFF;
margin: 0px 0px 0px 0px;
}
.header {
width: 1100px;
height: 150px;
background-color: #00FF66;
margin: 20px 0p 50px 0px;
}
.contest {
background-color: #33CCFF;
width: 600px;
min-height: 500px;
float: left;
margin: 10px 0px 0px 0px;
}
.navi2 {
background-color: #0099FF;
width: 150px;
min-height: 300px;
margin: -20px 10px 0px 100px;
}
.navi1 {
width: 150px;
min-height: 300px;
background-color: #00FF99;
margin: -20px 0px 0px 100px;
der header soll mittig sitzen.dann untendrunter die navi, daneben der contest und daneben die navi1..
}
Zuletzt bearbeitet: