CSS中的網站標題存在問題

Question

我目前正在重建一個使用表格佈局的網站，並希望它使用圖層和CSS。

我遇到的問題是與標題。標題目前是一個寬度爲100％，3格的表格。

[左幀] [標誌800像素] [rightframe]

<table border="0" width="100%" height="600" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td background="images/background_left.jpg">&nbsp;</td> 
    <td width="800" valign="top">the header content</td> 
    <td background="images/background_right.jpg">&nbsp;</td> 
    </tr> 
</table> 

中心小區，徽標橫幅，是應始終是800像素。左側和右側單元格的背景與logobanner的末端相匹配。

現在的問題是我怎麼可以用css解決這個問題？

感謝

Answer 1

試試這個 HTML：

<div id="header"> 
    <div id="left"> 
     <div id="leftFrame"></div> 
     <div id="center"></div> 
    </div> 
    <div id="right"></div> 
</div> 

CSS：

#header{ 
width:100%; 
height:600px; 
} 
#left{ 
width:66%; 
float:left; 
} 
#right{ 
float:right; 
} 
#center{ 
width:800px; 
float:right; 
} 
#leftFrame{ 
float:left; 
} 

未經測試，但希望這有助於