Проблема с заголовком веб-сайта в CSS

Question

В настоящее время я перестраиваю веб-сайт, который использует макет таблицы, и хочу, чтобы он сделал его со слоями и css.

Проблема, с которой я столкнулся, связана с заголовком. В настоящее время заголовок представляет собой таблицу шириной 100% с 3 ячейками.

[покинул кадр] [Логотип 800px] [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> 

центр ячейки, логотип баннер, это всегда должно быть 800px. Левая и правая ячейки имеют фон, который соответствует концам логообмена.

Теперь вопрос будет таким, как я могу решить это с помощью 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; 
} 

Не тестировался, но надеюсь, что это помогает