Salut,
 
Voici mon gros problème, je souhaiterais afficher 2 DIV l'un à côté de l'autre dans un conteneur de largeur mobile.
Et donc lorsque la margeur de ce conteneur serait insuffisante pour contenir les 2 DIV l'un à côté de l'autre,
celui de droite passerait sous celui de gauche...
 
Actuellement j'ai ça :
(mais ça ne vaut rien)
 

 
Je vous remercie par avance de votre aide.
 
PS : Les commentaires relous si ça vous tente c en MP, marre des gars qui écrive pour le plaisir de pourir un topic.

ne pas mettre à la fois "position:relative;" et "float".
 
"position:relative;" indique qu'on va afficher les éléments à l'intérieur de leur parent en indiquant les coordonées de l'éléments par rapport à un des coins du parent.
 
"float" indique qu'on colle lélément le plus à gauche ou à droit possible de la bordure du parent ou de la bordure de l'élément précédant.
 
 
Comme tu vois, c'est abérant d'indiquer les deux à la fois.

essayes de mettre les 2 divs en float left.

 
Qu'entends-tu exactement par "ça ne vaut rien" ?
En quoi, cela ne correspond-il pas à tes attentes ?
 
A cause du cadre qui ne s'affiche pas autour de tes 2 blocs ? normal si le conteneur principal ne contient aucun élément dans le flux normal, il n'a donc pas de hauteur.
Parce que lorsqu'ils passent l'un en-dessous de l'autre l'un est aligné à droite ?  auquel cas la suggestion de quenting règle ton pb.

Bonsoir,
merci les gars ça m'a bien aidé, maintenant j'ai juste un petit problème à savoir que le Div parent semble etre ignoré.
Je veux dire par là que les deux conteneurs internes ne semblent pas se limiter aux contours du Div parent... de plus ça apprait en arrière plan
 

up

ca aiderait si on voyait le contenu html, ou (encore mieux) la page. sans savoir comment tes div sont organisés, c'est un peu dur de deviner...

http://rezoetudiants.free.fr/
 
voila en dimensionnant la fenetre vous verrez c caché derrière,
mon code n'est pas propre sur certaines parties... bon courage

up up

 
Heu non pas du tout
 
 

 
C'est un peu simplifié...
 
 

En théorie non effectivement, mais en pratique on peut utiliser les deux... Cela produit un résultat cohérent. Encore faut il considérer les bonnes définitions de relative et de float...

 
Effectivement le code est assez affreux... Quel est le résultat attendu ?

et sinon en décidant de m'aider ça donne quoi?

Quand je dis "Quel est le résultat attendu ?" j'ai pas l'air de vouloir m'intéresser à ton problème ?

le résultat attendu est :
Deux DIV l'un à côté de l'autre dont celui de droite puisse glisser sous celui de gauche dans le cas où la fenêtre centrale (conteneur) deviendrait trop étroite...
A noter qu'actuellement les deux div sont cachés derrière et que je souhaiterais qu'ils ne dépassent pas les limites du conteneur corps1
 
merci d'avance

Ben #blocVIP et #blocVIPCom sont des flottants, et donc, pour le reste de la page c'est comme s'ils n'existaient pas : ils n'ont plus d'influence sur le reste de la page et par conséquent, tes blocs conteneurs (VIP1, VIP2, VIP3) apparaîssent comme vides.
 
Il faut donc ajouter ceci après le div #blocVIPCom :
 

 
ce qui va forcer le conteneur à s'allonger.
 
 
Bon par contre y'a ton JavaScript qui fout le bordel aussi... De toute façon tu n'as pas le droit d'avoir plusieurs éléments avec le même id. Donc pour ton JavaScript, au lieu d'afficher successivement tes 3 blocs, remplace plutôt le contenu à chaque fois. C'est un peu plus compliqué mais ce sera plus propre (et plus évolutif aussi, tu pourras ajouter plus facilement des persos)
 
Et par pitié nettoie ton code en commençant surtout par remplacer les < et les > par leurs entités HTML...

Ca fait très 2004 ça

Et si ça foire sous IE, un  

Et le tour est joué

euhhhhh pour commencer la remarque sur le changement du contenu avec javascript g déjà fait et c entre autre pour ça qu'une partie du code est pourie parce que javascript ne semble pas apprécier les retours à la ligne de code (Cf gros paté de code du site)
 
pour ce qui est des Div de meme id je vois pas de koi tu parles jlé ai nomé VIP1 VIP2 VIP3 donc pas le meme id
 
pour ce qui est du changement du contenu je me limite pas à trois perso, je fais appel à mes bases de données ou je sélectionne 3 persos parmis bien d'autres suivant des critères -> VIP
 
 
merci à toi florentG pour ton autre code qui me convient bcq mieux (question de gout)
 
par contre g pas encore testé...
je reviendré pour vous dire ce qu'il en est
 
merci encore
 

alors disons que c pas trop mal, maintenant un autre pb se pose... centrer tout ça!
pour celà je pense à la balise <center> avant le div VIP... le pb c que la largeur était auparavant définie par une margeur gauche et droite de 0px par rapport au bord.
Je voudrais donc que pour une largeur supérieur à 705px celle ci s'y fixe

et que pour une valeur inférieure le div "entoure" les deuv div l'un sous l'autre... que le conteneur suit parfaitement le décalage en fait afin que le centrage prenne tout son sens...
 
le code cité ne marche pas... la condition sous IE pour > 705px marche mais qd la largeur devient inférieur la largeur ne suit pas et reste bloquée à 705px empéchant les div de passer l'un sous l'autre et déborde de la page
 
> 705px OK
 
|                 |
|   |[a][b]|   |
|                 |
 
pb: <705px
 
|      |
[[a][b]]
|      |
 
au lieu de
 
|         |
| |[a]| |
| |[b]| |
|         |

et un autre problème encore... qd les persos changent la page fait un focus sur celui ci et donc se déplacer sur la page devient impossible

uuuuppppp

up up up

sans dèk personne peut m'aider??

UUUUUUUUUUUUPPPPPPPPP

what's upppppppppppppppppppppppppppppppppppppppppppppp