Positionner 2 DIV à côté...

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Positionner 2 DIV à côté...

Message par guilhem_mdg »

Bonjour,

Voici mon code:

Code : Tout sélectionner

<div id=boite1>
    <div id=boite2></div>
    <img id=boite3 />
</div>
Je souhaiterais afficher boite2 et boite3 l'un à côté de l'autre (dans boite1) MAIS sans spécifier de width à boite2....

Comment faire ?

Merci !
Cordialement.
Guilhem.
Flore
Administratrice
Messages : 3567
Inscription : 19 nov. 2003, 23:04

Message par Flore »

Code : Tout sélectionner

#boite3 {float: right;}
si tu veux que la boite3 soit alignée à droite.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Flore
Mac OSX + Nightly / Laptop Linux Mint + Nightly / Nightly sur Android
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Non, la boite3 se met bien à droite mais en dessous de boite2 !! :cry:
Cordialement.
Guilhem.
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message par Asumbaa »

Salut,

Il faut placer les éléments flottants avant ceux sur lesquels ils doivent flotter. Donc reprend le code de Flore en adaptant le tien :

Code : Tout sélectionner

<div id=boite1>
    <img id=boite3 />
    <div id=boite2></div>
</div> 
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Merci !!! :D
Cordialement.
Guilhem.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités