J'essaie de créer une page relativement simple avec un qui est sur le côté gauche, occupant toute la hauteur de la fenêtre des navigateurs, avec une largeur fixe (disons 200px) , puis un qui utilise le reste de la largeur de la fenêtre, et aussi toute la hauteur des fenêtres. Je veux utiliser CSS pour le faire, pas de javascript. Cela ne me dérange pas d'emballer le dans un si je dois.Menu largeur fixe (gauche) avec remplissage Iframe reste
<html>
<head>
<style type="text/css">
body{
height: 100%;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" height="100%" width="100%">
<tr>
<td style="min-width: 200px;" bgcolor="#333333">
</td>
<td width="100%" bgcolor="#666666">
</td>
</tr>
</table>
</body>
Maintenant ce que je dois dire est que je n'ai testé ce dans Firefox et Safari (utilisateur mac) donc je ne sais pas comment il va regarder dans Internet Explorer etc, mais ne hésitez pas à essayez-le, cela devrait vous donner ce que vous voulez :)
Regardez http://stackoverflow.com/questions/289409/full-height-css-layout-with-multiple-columns ou http://stackoverflow.com/questions/448164/2-col-css-layout-avec-background-colors-that-fill-full-height ou divers autres articles sur ce site. Faites des recherches, vous devriez trouver ce dont vous avez besoin. – ScottS
Il se peut que je manque quelque chose, mais d'après ce que j'en sais, ça n'aide pas quand on utilise un iframe. Divs, bien sûr, mais un iframe? Ne fonctionne pas, au moins dans Chrome. – rinogo