Float left et right

[Sans Esprit]

Salut,

J'ai une question qui me trotte :

1- Je créer une div :

.millieu {

width: 100%;

background-color: #FFFFFF;}

2- Dedans je créer deux autre div :

.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

.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

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 . Dis comme ca c'est d'une evidence .... et j'avais même pas vu

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

[LaurentDenis]

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.

[Sylvain Trovalet]

- 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.

<{POST_SNAPBACK}>

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

/* 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) ?