Q
圍繞主DIV
0
A
回答
3
margin-left: auto;
margin-right: auto;
並且確保它沒有100%的width
值。
- 編輯: 由於您使用的是position: absolute;
用(在這種情況下900px
)已知寬度,你可以這樣做:
left: 50%;
margin-left: -450px;
其中-450px
是寬度的一半,否定的。
0
0
這裏是我的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;
}
我的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
應該工作:
Table_01 {
position:absolute;
margin-left:-300px;
left:50%;
width:900px;
height:600px;
}
+0
-450px工作,謝謝。 – Gandalf 2010-11-05 14:54:21
+0
是的,你是對的:) – 2010-11-05 14:57:52
0
這就是總是對我的作品。
<!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>
相關問題
- 1. 如何用CSS圍繞DIV圍繞DIV
- 2. 圍繞左下角div圍繞文本?
- 3. 圍繞div元素
- 4. 我如何正確定位2 div div圍繞主包裝div
- 5. 圍繞浮動div包圍全寬div
- 6. 圍繞相對位置div div圍繞文字
- 7. 圍繞div的環繞錨點
- 8. 圍繞文字環繞一個div
- 9. 圍繞一個div內
- 10. 圍繞DIV的邊框
- 11. 圍繞div添加圓形
- 12. 圍繞div創建填充?
- 13. 圍繞嵌套的div
- 14. 圍繞html div的邊框
- 15. 流體div圍繞圖像
- 16. 圍繞div的半邊框
- 17. 刪除圍繞一個div
- 18. 把左邊div圍繞左邊div
- 19. 圍繞在div內的三個div
- 20. force div圍繞另一個div
- 21. 圍繞多個div在一個DIV
- 22. 如何在div上圍繞多個div
- 23. 圍繞一個DIV中的所有數字圍繞SPAN
- 24. 圍繞一個隱藏的div包圍div
- 25. 浮動下一個div圍繞
- 26. 圍繞一個點旋轉div
- 27. 如何有圍繞一個DIV
- 28. 圍繞一個特定的div
- 29. 圍繞一個div谷歌瀏覽器
- 30. Tumblr:如何讓div圍繞照片?
我試過了也不要work.Here是我的CSS: – Gandalf 2010-11-05 14:37:00
#Table_01 { \t的位置是:絕對的; \t left:0px; \t top:0px; \t width:900px; \t height:600px; } – Gandalf 2010-11-05 14:37:28
如果你正在做一個具有已知寬度的「絕對位置」,你可以像「left:50%; margin-left:-450px;' – 2010-11-05 14:42:37