Je pense pas que c'est une question de old_school, c'est que les div ont été standardizé pour les divisions, et les table pour faire des tables, aussi simple que ca. Microsoft ont jamais suivi les standards parce que au lieu de promouvoir les navigateurs sur la qualité, ils ont préférer s'arranger que les développeur ne développe que pour eux. C'est facile quand tu as 95% du marché. Cependant aujourd'hui les gens veulent faire du multiplate-forme (avec raison) et ca ne fait que causé des maux de tête. IE est comme un virus pour sacadé les standards et la simplicité des developpeur web.
Les div sont bcp plus flexible et moins problematique, surtout quand tu rend ton site dynamique ou enrichi avec du ajax. Tu peux le redesigner a ta guise juste avec le css. Aussi, c'est plus facile a maintenir.
Pour revenir a nos moutons, voici ce que j'ai faite pour mon site (version simplifier). (a notez que j'ai un petit bug, mais ca marchait la semaine passé, alors ca doit être mon update de cette semaine qui a changé de quoi)
Code :
<div id="header_bg"></div>
<div id="header_container">
<a href="http://www.vimba.ca/" title="Home" >
<div id="logoVimba" onclick="document.location.href='http://www.vimba.ca'" onmouseover="style.cursor='pointer'"></div>
</a>
<div id="headerslink">
<ul>
<li><img src="/static/images/default/icons/lettericon.gif" alt="contact" title="Contactez-nous"/>
<a id="contactlink" href="/about/contact" title="Contacts">Contact</a>
</li>
<li><img src="/static/images/default/icons/sitemap.gif" alt="Sitemap" title="Plan du site" />
<a id="sitemap" href="/sitemap" title="Map du site">Plan du site</a>
</li>
</ul>
</div><!-- end headerslink -->
</div><!-- end Header_container -->
Mon css pour le header :
Code :
div#header_bg{ position: absolute;
background: url(/static/images/default/bg/bg_header.png) repeat-x top;
width: 100%; height: 100px;
margin: 0px; padding:0;
z-index: 0;
}
div#header_container{ position:relative; margin-left: auto; margin-right: auto;
padding:0; height: 90px; width: 761px;
}
div#logoVimba { position: relative; padding:0; padding: 0;
width: 336px; height: 90px; float: left;
background: url(/static/images/default/bg/logo_header.png) no-repeat left;
z-index: 1;
}
div#headerslink { position: relative;
margin: 0; padding: 5px 0 0 0;
height: 70px; width: 380px; float: right;
}