créer un site


positionnement blocs fluide

Poster un nouveau sujet sur css   Répondre au sujet à css:positionnement blocs fluide    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
bounounours
frontpage mioche
frontpage mioche
Messagepositionnement blocs fluide , Posté le: 07-02-2005 4:57

bonjour,

mon div de droite se trouve en dessous, et je n'arrive pas a le remonter, je voudrais faire un site fluide avec trois blocs tout en haut qui ne se chevauchent pas lors du retrecissement de la fenetre du navigateur.

code html

<body>
<div id="global">
<div id="top">
<div id="top1">gauche</div>
<div id="top2">centre</div>
<div id="top3">droite</div>
</div>
</div>
</body>

code css

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #006666;
text-align:center;
}
#global { margin-left: auto; margin-right: auto; text-align: left; widht: 100%;}
#top { font-size: 0.9em; color:#FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; border: 0px; background: #006666; height: 90px; }
#top1 { float: left; border: 5px solid #000000; }
#top2 { align: center; widht: 200px; border: 5px solid #000000; }
#top3 { float: right; border: 5px solid #000000; }

bonne journée à tous Shocked
SIBELIUS
html mioche
html mioche
Messagepositionnement blocs fluide , Posté le: 07-02-2005 7:55

Oui, c'est le positionnement flottant qui veut ça Smile

Place <div id="top3"> AVANT <div id="top2">
bounounours
frontpage mioche
frontpage mioche
Messagepositionnement blocs fluide , Posté le: 07-02-2005 19:11

en effet il est remonté! même si c'est au milieu, ça m'ouvre des horizons nouveaux. merci beaucoup Sibelius!

bonne journée Very Happy
bounounours
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:positionnement blocs fluide    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales