f34rless: meine ersten Schritte im CSS

Beitrag lesen

SELF-Forum

meine ersten Schritte im CSS

f34rless
– Informationen zu den Bewertungsregeln

Hallo,

tabellenloses Design ...
meine ersten Schritte ...

Was ich von Euch wissen wollen würde, wäre:
Ist der Anfang zumindest mal in die richtige Richtung? Vom CSS her,    oder sollte ich einen ganz anderen Weg einschlagen?
Ich habe mich das erste mal in das tabellenlose Layout gewagt, und früher nur hier und da bei meinen Tabellen mit ein wenig CSS gearbeitet.

Also hier mal der Code:

  
<!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>CSS</title>  
<style type="text/css">  
body{  
  text-align:center;  
  font:Georgia, "Times New Roman", Times, serif;  
  font-size:20px;  
}  
#container{  
  margin:5px auto;  
  width:800px;  
}  
  
#header{  
  height:100px;  
  border:1px solid #000000;  
}  
  
#navigation{  
  margin-top:5px;  
  margin-left:-20px;  
  width:840px;  
  height:50px;  
  border:1px solid #000000;  
}  
  
#content{  
  margin-top:10px;  
  width:500px;  
  height:500px;  
  border:1px solid #000000;  
  float:left;  
}  
  
#menu{  
  margin-left:550px;  
  margin-top:40px;  
  width:200px;  
  height:350px;  
  border:1px solid #000000;  
}  
  
#footer{  
  clear:left;  
  margin-top:5px;  
  margin-left:-20px;  
  height:20px;  
  border:1px solid #000000;  
}  
  
</style>  
</head>  
<body>  
<div id="container">  
  <div id="header">Mein Header</div>  
  <div id="navigation">Navi Leiste</div>  
  <div id="content">Content</div>  
  <div id="menu">dyn Menü</div>  
  <div id="footer">mein Footer</div>  
</div>  
</body>  
</html>

Vielleicht ist es Euch möglich mir Tips zu geben, was wichtig ist usw.

Vielen Dank im Vorraus
f34rless

Beitrag melden
–
Informationen zu den Bewertungsregeln