Sascha: layout + div

Beitrag lesen

Nabend,

ok ich höre immer wieder divs wären ja so toll...
und tabellen sollte man ja garnicht mehr fürs layout nehmen...

hab en bissel rumgebastelt, rumgesucht aber nunja jetzt brauch ich auch mal hilfe ;)

HTML code:

<html>
<head>
 <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
 <div class="header">
  test<br />
 </div>
 <div class="test">
  <div class="nav">
   test3<br />
  </div>
  test2<br />
 </div>
</body>
</html>

CSS:

body, div {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
 }
  div.header{
  position:relative;
  top: 0px;
  left: 0px;
  height: 150px;
  width: 100%;
  background-color: green;
  float: left;
  z-index: 10;
 }
 div.nav{
  position:relative;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 150px;
  background-color: red;
  z-index:5;
 }
 div.test{
  position:relative;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #3366ff;
  z-index:1;
 }

wahrscheinlich viel unnötiges bzw flasches aber schau euch des bitte mal an und helft mir das des so aussieht wies sein soll xD
test2 steht zumindest bei mir unter dem div... sollte aber in den... dann wärs richtig toll und ich würde die divs wahrscheinlich nehmen aber nunja hab schon gelesen das so etwas angeblich nicht möglich ist (soll auch so bleiben das es 100% variable breiten und höhen hat)...

achso noch was wenns nicht so einfach geht, kein JAVA oder sonstige scriptsprachen, die seite soll von jederman/jederfrau ohne zusätlicher software (java) angesehen werden können...  (ok später kommt noch php dazu aber naja...)

und joa bin en css noob, vllt hätte des besser in des thema gepasst aber hm... von beiden etwas...

und ja ich merk schon ich schreibe zu viel...

Mit freundlichen Grüßen Sascha