 |
|
|
|
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> <link rel="stylesheet" href="s.css" type="text/css"/> </head> <body> <div id="global"> <div id="a1"></div> <div id="a2"></div> </div> </body> </html>
body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#global
{
background-color:#CCCCCC;
width:100%;
height:100px;
text-align:center;
}
#a1
{
background-color:#0099FF;
height:100px;
width:200px;
float:left;
}
#a2
{
background-color:#009900;
height:100px;
width:400px;
float:left;
}
Configuration: Windows XP Firefox 3.0
salut,
ils ne peuvent pas être centrés puisqu'ils flottent à gauche. peux-tu définir la largeur ? [ Mathieu ] Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci ! |
Si c'est la div "global" que tu veut centrer essaye : margin:auto
Tiens nous au courant. CCM = C'est Carrément Geniale ! |
non ça ne fonctione pas margin: auto
la largeur de a1 est de 200px la largeur de a2 est de 400px vous avez raison à propos du flotement à gauche, mais je veux que div a1 et a2 reste à côté de l'autre et centré aussi... |
non, s'il y a un flottement ça ne prendra pas.
essaie plutôt de centrer le <div> global et d'aligner les <div> contenus en changeant leur rendu. body
{
margin:0 auto;
}
#global
{
}
#a1
{
width:200px;
display:inline;
}
#a2
{
height:100px;
width:400px;
display:inline;
}
<edit> pas la peine d'essayer ça ne prendra pas la largeur fixe. sais-tu déjà quel contenu tu auras ? une liste de liens à gauche je suppose ? </edit> [ Mathieu ] Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci ! |
Et si tu crées une div englobement qui englobe a1 et a2, que tu specifie de width:600px et de margin:auto
Bien sur tu conserve float:left pour a1 et a2 . Comme ça a1 et a2 seront collés et la div "englobement" sera centré ! Je c'est pas si j'ai été clair la ! Si tu comprends pas dit le moi et je mettrais le code. Toto. CCM = C'est Carrément Geniale !
|
en fait on se complique la vie pour pas grand chose !
regarde cet exemple. [ Mathieu ] Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci ! |
dsl j n'étais pa la à cause de ma connexion
oui ça marche.... merci beaucoup!!!!!!!!!!!! ;) |
Effectivement ça fait beaucoup de div mais je crois que c'est la seule solution !
Ravis de t'avoir aidé. A bientôt sur CCM Dalida et liyou ! ;-) CCM = C'est Carrément Geniale ! |
| 02/04 16h18 | Ajouter 2 div au dessus menu | Programmation | 30/01 21h59 | 2 |
| 18/03 11h30 | Centrer balise div (playlist deezer) | Webmastering | 18/03 11h55 | 2 |
| 26/11 16h27 | javascript 2 DIV, un seul affichage. | Programmation | 27/11 18h37 | 3 |
| 17/08 22h45 | Centrer un DIV dans un DIV DANS IE6 :-( | Webmastering | 18/08 17h33 | 2 |