0
J'ai un div et à l'intérieur est un autre divs.My div est: <div id="Table_01"></div>Centrer le principal div
Comment puis-je centrer pour que tous les autres divs sont centrées ?.
A
Répondre
3
margin-left: auto;
margin-right: auto;
Et assurez-vous qu'il ne dispose pas d'une valeur 100% width.
- Edit: Puisque vous utilisez un position: absolute; avec une largeur connue (de 900px dans ce cas), vous pouvez faire:
left: 50%;
margin-left: -450px;
où le -450px est la moitié de la largeur, niée.
0
0
voici mon css:
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:900px;
height:600px;
}
#index-01 {
position:absolute;
background-color:#003366;
left:0px;
top:0px;
width:900px;
height:30px;
}
#index-02 {
position:absolute;
left:0px;
top:30px;
width:900px;
height:72px;
}
#index-03 {
position:absolute;
left:0px;
top:102px;
width:900px;
height:27px;
}
#index-04 {
position:absolute;
left:0px;
top:129px;
width:223px;
height:223px;
}
#index-05 {
position:absolute;
left:223px;
top:129px;
width:382px;
height:174px;
}
#index-06 {
position:absolute;
left:605px;
top:129px;
width:295px;
height:223px;
}
#index-07 {
position:absolute;
left:223px;
top:303px;
width:382px;
height:49px;
}
#index-08 {
position:absolute;
left:0px;
top:352px;
width:475px;
height:183px;
}
#index-09 {
position:absolute;
left:475px;
top:352px;
width:425px;
height:183px;
}
#index-10 {
position:absolute;
left:0px;
top:535px;
width:900px;
height:34px;
}
#index-11 {
position:absolute;
background-color:#003366;
left:0px;
top:569px;
width:900px;
height:31px;
}
Mon html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="http://localhost/assets/css/td.css" />
<title>Training Day</title>
<body style="margin: 0px; background-color: rgb(255, 255, 255);">
<div id="Table_01">
<div id="index-01"> $today is<br>
</div>
<div id="index-02">
$logo and
$searchbox<br>
</div>
<div id="index-03">
Navigation<br>
</div>
<div id="index-04">
Box 1<br>
</div>
<div id="index-05">
Front page picture holder<br>
</div>
<div id="index-06"> Trending Topics<br>
</div>
<div id="index-07"> Heading author and location</div>
<div id="index-08">
Tabs<br>
</div>
<div id="index-09">
Twitter Live Feeds<br>
</div>
<div id="index-10">
Stats bar<br>
</div>
<div id="index-11">
Footer<br>
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>
0
devrait fonctionner:
Table_01 {
position:absolute;
margin-left:-300px;
left:50%;
width:900px;
height:600px;
}
+0
-450px travaillé, merci. – Gandalf
+0
oui, vous avez raison :) –
0
C'est ce qui fonctionne toujours pour moi.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<style type="text/css">
body {
text-align: center;
}
#mainsite {
width: 770px;
margin: auto;
text-align: left;
background-color: red;
}
</style>
</head>
<body>
<div id="mainsite">
whee
</div>
</body>
</html>
Questions connexes
- 1. Comment centrer le div verticalement?
- 2. Centrer sur une Div
- 3. Centrer mon titre DIV
- 4. centrer une div dans un div
- 5. CSS - centrer le contenu DIV, pas DIV lui-même
- 6. ASP.NET C# Javascript div Centrer
- 7. Comment centrer horizontalement div à l'intérieur de div div
- 8. CSS - Comment puis-je centrer un div dans un div?
- 9. centrer un div sans définir la largeur
- 10. Centrer la page autour d'un div
- 11. flotteur Centrer gauche des années div dans le corps
- 12. Css, centrer les liens à l'intérieur div
- 13. Wpf - centrage sur le bureau principal
- 14. Comment centrer le menu suivant?
- 15. sIFR dans le menu principal
- 16. Comment centrer verticalement une étiquette dans un div?
- 17. Besoin de centrer un ul dans un div ie6 & ie7
- 18. Centrer un élément Div surdimensionné en utilisant jQuery
- 19. Comment centrer du contenu dans un div en utilisant CSS?
- 20. Comment centrer un div enveloppé avec un panneau dans asp.net?
- 21. Comment centrer (verticalement et horizontalement) les boutons d'une balise div?
- 22. Comment puis-je centrer un div sans connaître la largeur?
- 23. Centrer horizontalement et verticalement Centre Dival Div IE Édition
- 24. Centrer de grandes images verticalement dans un div plus petit
- 25. Centrer le texte avec CSS fond « forme »
- 26. Centrer un div qui déborde de son parent dans un autre div centré
- 27. WPF Comment centrer le Image.Source
- 28. Centrer complètement une image?
- 29. comment obtenir conteneur principal div pour aligner au centre
- 30. Redimensionnement dynamique div de la navigation au contenu principal
J'ai essayé aussi, ne pas work.Here est mon css: – Gandalf
# {Table_01 \t position: absolute; \t gauche: 0px; \t en haut: 0px; \t largeur: 900px; \t hauteur: 600px; } – Gandalf
Si vous faites une 'position: absolute' avec une largeur connue, vous pouvez faire quelque chose comme' left: 50%; marge gauche: -450px; ' –