問題與CSS和對齊

-3

我有一個頁面，我有對齊=中心的表，我有一些內容在裏面，這張表是在div標記裏面的一些CSS背景顏色爲藍色。如果table屬性對齊是中心，然後背景顏色來藍色，但當我改變對齊=左，然後背景顏色不來（藍色不來）。問題與CSS和對齊

2011-08-12 Shafi

+11

您可以發佈HTML/CSS嗎？ –

我看着你的編輯歷史。現在讓我們假設你有這樣的代碼：

<div class="BackgroundDetails"> 
<table cellspacing="0" cellpadding="0" width="100%" border="0" align="left"> 
    <tr> 
    <td> 
    <table cellspacing="0" cellpadding="0" width="100%" align="left" border="0"> 
    <tr> 
     <td class="MainHeading" align="center"> 
     Request Form 16 
     </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
</table> 
</div>

添加一個「表」的背後「.BackgroundDetails」，使其工作。或者修復div的寬度/高度。所以你需要的是：

.BackgroundDetails table 
{background-color: lightsteelblue;}

嘗試使用CSS代替像cellpadding，cellspacing，align等HTML元素。這個表中的東西很奇怪，但也許你必須使用這個結構。這可能是您的基地：http://jsfiddle.net/t8PuQ/1/

... oooor刪除浮動像RoToRa建議。

來源

2011-08-12 10:03:43 SchurigH

... oooor刪除浮動像RoToRa建議。 – SchurigH

表格上的HTML屬性align="left"（或="right"）與CSS float: left（或right）相同。

浮動從正常流程中移除元素，以便您的div與背景顏色爲空，因此具有零高度，因此您看不到它。

在你的情況下，如果你只是想將表格左對齊而不是實際浮動它，那麼只需將align="left"取出，因爲表格默認對齊左邊。

未來，您應該學會使用CSS而不是棄用HTML屬性來設計網頁。一些步驟來做到這將是例如：

確保您的網頁有嚴格的DOCTYPE，而不是過渡：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

驗證您的網頁找到任何舊的HTML屬性：http://validator.w3.org/
瞭解如何使用CSS來代替：http://htmldog.com/

來源

2011-08-12 10:06:01 RoToRa

問題與CSS和對齊

回答

相關問題