Slayer: Layout aber wie?

Beitrag lesen

SELF-Forum

Layout aber wie?

Slayer
– Informationen zu den Bewertungsregeln

Hallo, ich versuche grad eine css basirende seite zu erstellen. komme aber nicht so ganz zurecht. Ich hoffe jemand von euch kann mir da mal einen Top geben. hier mal meine codes:

Die CSS Datei:

  
* { padding: 0; margin: 0; }  
  
  
html>body {  
width:800px;  
min-width:800px;  
height: 600px;  
min-height:100px;  
position:relative;  
margin: 0 auto;  
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 13px;  
background-color:#00ff00;  
  
}  
  
#ol {  
position:absolute; left:0px; top:0px;  
height: 50px;  
width: 100px;  
background-color:blue;  
background-image:url(images/mr.png);  
background-repeat:no-repeat;  
}  
#om {  
position:absolute; left:100px; top:0px; right:100px;  
background-color:blue;  
 height: 50px;  
 width: 600px;  
}  
#or {  
position:absolute; left:700px; top:0px;  
height: 50px;  
width: 100px;  
background-image:url(images/mr.png);  
background-repeat:no-repeat;  
background-color:blue;  
}  
#ml {  
position:absolute; left:0px; bottom:50px; top:50px;  
width: 100px;  
background-image:url(images/ml.png);  
background-repeat:repeat-y;  
}  
#c {  
position:absolute; left:100px; top:50px; right:100px; bottom:50px;  
background-color:red;  
width: 600px;  
}  
#mr {  
position:absolute; left:700px; bottom:50px; top:50px;  
width: 100px;  
background-image:url(images/mr.png);  
background-repeat:repeat-y;  
background-color:red;  
}  
#ul {  
position:absolute; left:0px; bottom:0px;  
 height: 50px;  
 width: 100px;  
 	background-image:url(images/ul.png);  
	background-repeat:no-repeat;  
	background-color:#ffffff;  
	}  
#um {  
position:absolute; left:100px; bottom:0px; right:100px;  
 height: 50px;  
 width: 600px;  
 background-color:#ffffff;  
}  
#ur {  
position:absolute; left:700px; bottom:0px;  
height: 50px;  
width: 100px;  
background-image:url(images/ur.png);  
background-repeat:no-repeat;  
background-color:#ffffff;  
}

und meine html Datei:

<!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">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Test Seite Ohne Rahmen</title>  
<link rel="stylesheet" type="text/css" href="css/18492.css" />  
</head>  
  
<body>  
<div id="ol"><img border="0" src="css/images/ol.png"></img></div>  
<div id="om">logo</div>  
<div id="or"><img border="0" src="css/images/or.png"></img></div>  
  
		 <div id="ml"></div>  
		 <div id="c">  
			  <p><br><br><br><br><br><br><br>INHALT<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>ff<br><br><br><br><br></p>  
		 </div>  
		 <div id="mr"></div>  
<div id="ul"><img border="0" src="css/images/ul.png"></img></div>  
<div id="um">footer</div>  
<div id="ur"><img border="0" src="css/images/ur.png"></img></div>  
</body>  
</html>

Mit freundlichem Gruß,
Slayer

Beitrag melden
–
Informationen zu den Bewertungsregeln