Positionnement avec float

Bonjour.


Je sui en train de refaire totalement le designe de mon site en utilisant dès le départ une bonne base. j'ai utilisé le dernier template d'alsacréation en float.

J'ai un petit probleme pour ma banniere que j'ai divisé en3 collonnes. 3 images en fait, avec une autre image dans le css en bakground-repeat pour faire le liant.

Mon soucis est que je veux que le nom de mon site reste toujours au milieu. En 1024 et plus pas de probleme. En 800 ca va encore à peu près, en dessous, catastrophe.

Voici un lien pour comprendre : ici

Une en float : left et avec une taille width de 390px
Même chose à droite avec un float : right

Celle du milieu est un lien-image, en text-align : center at avec margin-left et right à 390px.

Le comportement de tout ça est comme je le veux, sauf quand je passe à une résolution d'affichage inférieur à 780px (390px x 2)

J'ai alors mon float right qui passe en dessous de mon float gauche, hors je voudrais qu'ils restent toujours sur la même ligne, même si ils se chevauchent, c'est pas grave.

Tout ceci est en fait pour une signature divisé en 3 colonnes, donc c'est important que ca reste bien sur la même ligne.


Merci.


PS : je pensais sinon déjà peut être sortir du flux le titre au milieu en le mettant en position absolute.
Modifié par Damonya (16 Jul 2006 - 16:22)

Yop je crois que mon PS a résolu completement mon probleme. j'ai tout mis en position absolute en fait et ça marche beaucoup mieux ^^

#header {
height: 60px;
background: white url("./Images/bandeau_haut_06.jpg");
position: relative;
width: 100%;

}

#header_a {


position : absolute;
top:0;
left:0;
}
div#header_b {
position : absolute;
top : 0;
left:50%;
margin-left:-109px;
}
#header_c {

position : absolute;
top:0;
right:0;


}

Mon premier gros soucis technique, libéré et j'ai compris qu'il était inutile d'utiliser les floats quand c'était pas nécéssaire