Version complète: sur le forum Webmaster Hub : Float left et right
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Sans Esprit
Salut,
J'ai une question qui me trotte :
1- Je créer une div :
CITATION
.millieu {
width: 100%;
background-color: #FFFFFF;}

2- Dedans je créer deux autre div :
CITATION
.corpsmenu {
float: left;
width: 160px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;
color: #FFFFFF;
padding-right: 10px;}

et
CITATION
.corpscontenu {
float: right;
width: auto;
text-indent: 10pt;}

Si mon cerveau marche bien on devrait avoir un rectangle de largeur 100% qui contient deux zone, une à gauche taille 160 et une à droite taille auto [donc 100%-160px]
Moi j'ai l'impression que ma zone de droite fait un peu moi, je ne sais pas. 10 ou 20 px de moins wacko.gif
Mon résonnement est il juste ? me trompais je ?
ElMoustiko
Tu te "trompais-je" en effet !
Avec les flottant, on ne peut pas faire ce genre de manip', il faut utiliser le positionement absolu pour la partie gauche, et faire une marge de la larguer de la partie gauche (160px) sur la partie droite.
Sans Esprit
Hooooooo,
tu peut meme pas imagerer la honte que tu me met blink.gif . Dis comme ca c'est d'une evidence .... et j'avais même pas vu huh.gif
Vous voulez une histoire drole ??
Il etait une foix un jeune webmaster qui avait améliorer son site en lui permettant d'etre reduit, un jour ce webmaster ce dis,
Et si j'allais demander si je ne me suis pas trompé
Et la il su qu'il devait tout refaire
dry.gif hypocrite.gif laugh.gif
LaurentDenis
CITATION(ElMoustiko @ 28 Oct 2004, 16:51)
Tu te "trompais-je" en effet !
Avec les flottant, on ne peut pas faire ce genre de manip'


- Partie gauche en flottant de largeur 160px pour le menu
- Partie droite en flux sans largeur spécifiée.

Répétez après moi : Le contenu en flux suivant un flottant s'écoule naturellement à côté de celui-ci dans la totalité de la largeur disponible.

B)
Sylvain Trovalet
CITATION(LaurentDenis @ 28 Oct 2004, 17:26)
- Partie gauche en flottant de largeur 160px pour le menu
- Partie droite en flux sans largeur spécifiée.

Répétez après moi : Le contenu en flux suivant un flottant s'écoule naturellement à côté de celui-ci dans la totalité de la largeur disponible.

B)
*


D'accord sauf sous IE : voir la discussion texte à droite d'une image où IE sur un paragraphe très long ne revient pas à la ligne en dessous de l'image.
LaurentDenis
Dans ta page http://www.ville-bais.fr/espacesdeloisirs/...lexesportif.php , supprime le
CODE
/* Hack IE pour que certains éléments ne disparaissent pas à l'affichage, mettre * poserait problème au bandeau */
h1,p,address,h2,ul,dl
    {
 zoom : 1;
    }


et IE reviendra sagement à la ligne en dessous des images.

Au fait, d'où sort cette propriété (non CSS) ?
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.