presentation plein ecran

[tanguy]

Bonjour,

Je suis en train de faire un site avec une présentation en plein écran.

Sur la 1ère page il y aura une photo au centre et du texte à gauche et à droite de cette photo mais je ne veux pas avoir recours aux tableaux et comme j'ai l'habitude de travailler avec eux là, je suis un peu perdu.

Je pensais insérer ce code :

Code: Tout sélectionner

<div id="global">
  <div id="gauche">
    <p>texte</p>
       </div>
          <div id="droite">
             <p>texte</p>
               </div>
                 <div id="centre"
                   <img src="images">
                      </div>
                       </div>


Je crois qu'il faut que le "div droite" soit avant le "div centre" car je vais utiliser la propriété float left et right pour les div contenant du texte?

Par avance merci de votre aide.

[e-kiwi]

et bien, tu coinces ou ?

[tanguy]

Salut e-kiwi,

Ben, je ne coinces pas encore, mais je voulais avoir une confirmation avant de me lancer.

Est-ce que ce code est bon si je l'associe avec les propriétés CSS float ?

[MarvinLeRouge]

Salut,

Au coup d'oeil, je dirais oui : les float sont bien placés avant ce par rapport à quoi ils flottent, donc normalement pas de pb.

[tanguy]

J'ai essayé en rajoutant ce code css et ça fonctionne :

Code: Tout sélectionner

#global {margin:0;
    padding:0;
    width:100%;
    background-color:black;}      }

#gauche {float:left;
    width:30%;}

#droite {float:right;
    width:30%;}

#centre {width:40%;}


En fait ce qui important et qui pourra peut-être aider d'autres personnes c'est qu'il faut bien mettre le div de droite avant le div du centre.

[e-kiwi]

en gros -> les divs en float doivent etre en premier