Pourtant en float ça doit être jouable.
Attention si tu essaies de faire du fixé (en position absolute, je suppose) : au premier agrandissement du texte, tout va partir en sucette
J'ai du mal à voir ce que tu as fait exactement.
Pour ma part j'essaierais avec la structure suivante :
<ul id="menu">…</ul>
<div id="haut">
<div id="login">…</div>
<!-- On met le login avant l'intro, ce qui est pas tip top… mais nécessaire pour un float efficace.
Au fait, pourquoi un login sur un site qui ressemble à un book ? -->
<div id="intro">…</div>
</div><!-- fin de div#haut -->
<div id="bas">
<div id="derniertravail">…</div>
<div id="trucsdivers">…</div>
<div id="textecentre">…</div>
</div><!-- fin de div#bas -->
La structure correspond au menu, à la première ligne de blocs, et à une deuxième ligne de blocs (les 5 blocs du bas, en 3 colonnes).
CSS :
ul#menu {/* Je te laisse voir pour ça */}
div#haut, div#bas {overflow: auto; zoom: 1;} /* mesures anti-dépassement des blocs flottants,
la première pour FF et autres, la deuxième spécifique pour IE */
div#login {
float: right;
width: 250px;
padding: 10px;
height: 6em; /* 7 ou 8 si nécessaire */
border: solid 1px black;
}
div#intro {
margin-right: 280px;
padding: 10px;
height: 6em; /* 7 ou 8 si nécessaire */
border: solid 1px #bde; /* invisible mais nécessaire */
background: #bde;
}
/* Et voilà pour la première ligne.
On devrait avoir deux blocs de même hauteur quelle que soit la taille du texte */
/* Pour la deuxième ligne, suivre le même principe en se basant sur un design à trois colonnes :
deux sont en float (left et right), et celle du centre est en positionnement normal, avec une marge à gauche et une à droite.
Cf la page suivante :
http://web.covertprestige.info/test/11-page-fluide-avec-trois-colonnes-1.html
*/
Bonne chance !
Modifié par mpop (01 May 2006 - 12:20)
