Q

圍繞嵌套的div

2011-06-10 65 views 1 likes

1

再次我有問題爲中心的div ...圍繞嵌套的div

http://www.srcf.ucam.org/~sas98/project.php

我怎麼會去在#main中心的一切嗎？

2011-06-10 Sebastian

+0

你有文本對齊：中心設置在主分區？ – 2011-06-10 20:01:07

+0

這是'寬度：100％;'保持'div＃main'不在瀏覽器窗口中居中。給它一個像素寬度，它應該居中。 – 65Fbef05 2011-06-10 20:01:18

A

回答

0

要居中<div class="main">主寬度（和它是一個class - 這意味着它的.main，不是#main - 您的HTML和CSS在這一點上並不認同）：

將margin: 0 auto; width: 1020px加到.main。 1020px是在這裏使用的正確數字。
您還需要從body中刪除width: 100%，否則您的居中將不準確。
您還應該從body刪除overflow: hidden，否則您的網頁上無法滾動。

最後，添加適當的doctype作爲第一行，或者你的網頁是在Quirks Mode，你會特別有很大問題與Internet Explorer：

<!DOCTYPE html>

我不是確定你的頁腳應該做什麼。

2011-06-10 20:05:33 thirtydot

1

首先，確保你有正確的文檔類型。

使用margin: 0 auto;進行居中的關鍵是確保相同的div具有靜態寬度。

#main { width: 980px; margin: 0 auto; }

2011-06-10 20:00:30

2

使用DOCTYPE你的HTML -

< 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 = 「EN」 LANG = 「EN」 >
se COND - 添加到主類這樣的：

margin: 0 auto;

編輯：，並在像素

2011-06-10 20:00:51 SergeS

3

嘗試：margin: 0 auto; display: table
沒有寬度需要，沒有。在Chrome中進行測試。

2011-06-10 20:19:18

+1

我曾在Chrome和IE瀏覽器中使用過響應式網頁設計網站。謝謝@Cosmin。 – 2013-08-03 21:51:45

相關問題