製作網頁時,你會發現建立div標籤後,你把區塊置中了,
但是在firefox上看網頁時,怎麼區塊不會置中呢?? 反而ie6就可以置中??
firefox在判斷上只會把置中當做是文字置中呀><”
所以就修正一下吧!!
—————————————————————————
最上方宣告部分:
(這個建議加上最上面的第一行,這個是網頁的標準是依照XHTML 1.0的標準來呈現)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
—————————————————————————
css部分:
body {
text-align: center; /*—這樣可以讓ie6的文字及區塊都置中,不過firefox不會區塊置中— */
}#c1 {
margin: 0 auto; /*—這樣firefox區塊就可以置中了,因為上下方高度0,左右方長度他會”auto”自動調整— */
width:80%; /*—這邊先設定c1的寬度為整個瀏覽器的80%— */
text-align:left; /*—這邊就可以讓c1區域內的文字靠左對齊— */
background-color: #FFCCFF; /*—區塊背景用粉紅色的比較清楚 xd— */
}
html部分:
<body>
<div id="c1">我寬度80%,區塊置中,文字靠左,是粉粉背景唷!!</div>
</body>
—————————————————————————
這樣就搞定嘍!! ^^ ((酸