rob-master: Welchen DTD

Beitrag lesen

hey jungs,

ich bin mir gerade etwas unsicher.
Die folgende Website habe ich gerade mit CSS so halb fertig erstellt nur verunsichert mich der
DOCTYPE auf der Seite, den ich verwendet habe:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Der Transitional Document type ist ja sehr nachgiebiger, was die W3C Vorgabenden betrifft.
Verwende ich einen restiktiveren DTD, schaut meine Website auch schon ganz anders aus :(
Gerade die CSS Angabe "height:100%;" wird mit diesem DTD nicht verarbeitet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">

Wie definiert ihr für einen Div Container die Höhe?
Weiterhin würde mich interessieren, wie ihr das Thema DTD
handhabt (welchen nutzt ihr bei euchen Projekten)?
Hier mal mein Sourcecode

<div style="width:738px;height:100%;position:relative;margin:0px auto;text-align:left;background-color:#ffffff;">
   <div style="width:738px;height:300">
    <div id="logo"><img src="images/logo.gif" alt="Ofenscheune" width="303" height="58"></div>
    <div id="topicimg">
     <img src="images/topic_img.jpg" width="505" height="238"><img src="images/fire.jpg" width="233" height="238">
    </div>
    <div id="navi"><br>
     <img src="images/kaminoefen.png" width="114" height="27"><img src="images/kamine.png" width="112" height="27"><img src="images/kacheloefen.png" width="113" height="27"><img src="images/ratgeber.png" width="113" height="27"><img src="images/firmenprofil.png" width="113" height="27"><img src="images/kontakt.png" width="113" height="27">
    </div>
   </div>
   <div id="subnavi">> links</div>
   <div id="content"> hier ist der content</div>
  </div>

Die Auszug aus dem Stylesheet:
#topicimg {
position:absolute;
top:30px;
left:0px;
z-index:1;
}
#logo {
position:absolute;
top:10px;
left:400px;
z-index:2;
}
#navi {
position:absolute;
top:180px;
left:0px;
z-index:2;
}
#content {
border:1px solid #efeff7;
background-color:#efeff7;
width:610px;
float:right;
padding:0px 10px;
}
#subnavi {
border:1px solid #efeff7;
background-color:#efeff7;
width:125px;
float:left;
padding:0px 10px;
}

Danke & Gruss

Rob