css: garder 3 boîtes sur la même ligne qq soit la résolution

[tomlelab]

Bonjour,
j'aligne 3 boîtes css sur la même ligne en utilisant float:left. Le tout passe sur un écran avec une résolution 1028 mais sinon, les boîtes sont décalées vers le bas etc.. ou bien quand la fenêtre est réduite ou que le contenu d'une bôite déborde un peu. Comment faire pour éviter cela ?

Merci

 

[Delapouite]

Bonsoir.

Essaie avec display:inline.

 

[Yvel]

regarde la css de l'accueil de wri. ça doit être un truc de ce genre que tu cherches

 

[tom_sawyer]

white-space:nowrap; pour emêcher le retour à la ligne

 

[tomlelab]

Bonjour,
merci pour vos réponses, mais ça ne semble pas marcher.
J'ai un conteneur principal
.main {
clear:both;
margin-left:30px;
}
qui contient 3 <div>
.box{
float:left;
width: x..
}

Faut il mettre le display:inline dans le conteneur principal ?

 

[smrhp]

disons que si tu cherches à faire des boîtes fixes toujours à la même position peut-être que float n'est pas la bonne piste mais que des margins ou des positions "fixes" seraient mieux ?

 

[oberon]

les float c'est pour faire des flottants, des boîtes qui se repositionnent selon la largeur disponible. Si c'est exactement ce que tu ne veux pas faire pourquoi diable utilises-tu des floats ??? Utuilise du positionnement relatif ou absolu, c'est fait pour ça.