Неполучается сделать шаблон =(

[alexander.parphenuyk]

Хочу создать такой макет...:

1.header с заданной высотой... ширина:100% (минимальная ширина:1004px)

2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента...

3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом)

4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом)

5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center

6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px)

Вот так это выглядит на рисунке:

——————

Архив с моей вёрсткой

Посмотреть можно тут

——————

Практически всё получилось кроме одного.... блок #content_foot становится под #content_right, а мне надо чтобы он становился сразу под

#content_right и #content_center , я хотел взять их в отдельный блок, снизу вставить блок с {clear:both;}, но тогда #content_foot

опускается ниже сайдбара, а это соовсем не то что надо (( Вот и получилось вот такое: Посмотреть можно тут

Edited September 29, 2009 by alexander.parphenuyk

[student_ya]

Хочу помочь по своему, возможно это наведёт на мысль какую-то. Не стал заглядывать в css, просто создам такую же страницу.

И так, ход моих мыслей, не правильно создана страница, то есть напутано в коде, я выделю фрагмент красным цветом, где есть моё подозрение.

<table border="5">
<tr>
<td height="50%" width="100%" valign="top">  


HEADER,
<br>
Заданная высота и ширина: 100%
<br>
аааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа
аааааааааааааааааа ааааааааааааааа аааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааа
</td>
</tr>
</table>

<table cellspacing="0" border="5">
<tr>


<td height="50%" width="20%" valign="top" rowspan="2">  
SIDEBAR,<br>
заданная ширина тянет вниз
<br>
ббббббббббббб бббббббббббббббббббб ббббббббббббб ббббббббббббб бббб бббббб ббб бббб бббббббб ббббббб бббббббб ббббббб ббббббббббб бббббббб ббб ббббббб бббббб ббббб бббббб
</td>


<td width="40%" valign="top" >
#content_center<br>
Блог с заданной шириной, тянется вниз
<br>
вввввв вввввввв ввввввв ввввввввв вввввввв вввввввв вв ввввв вввввввв вввввввввввввввввввввв ввввввввввв ввввввв вввввв ввввввв ввввв ввввввввв вввввввввв ввввввввв вввввввввв вввв
</td> 


<td width="40%" valign="top" >
#content_right<br>
<br>
гггг ггггггггг ггггггггггг ггггггггггггг гггггггггггг гггггггггг гггггггг гггг гггггггггггг ггггггггг ггггг гггггг г ггггг гггггг ггггггг гггггг гггггг ггггггг гггггг гггг
</tr>
<tr>


<td height="35%" width="80%" valign="top" colspan="2">
#content_foot<br>
<br>
ддддд дддддддд ддддддддддд дддддддддд ддддддд ддддддд дддд ддддддддддддддд ддддд ддддддддддд дддддддд ддддд ддддддд дддддддддд дддд ддддддд дддддддддддд ддддддд дддддддддд дддддддддд дддддддд дддддд ддддддддддд дд дддддд
</td>
</tr>
</table>

<table border="5">
<tr>


<td height="50%" width="100%" valign="top" > 
FOOTER, <br>
Заданная высота и ширина: 100%
<br>
еееее ееееееееее еееееее еееееее еееее еееееее ееееее ееееееее ееееееееееееее еееееее еееееее ееееееееее ееееее еееееееее ееееееееее ееее ееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееееее
еееееееееееееееееееееееееееееееееееееееееееееееее
</td>
</tr>
</table>

Ошибка думаю где то вот тут: rowspan="2" - растягивает таблицу на количество ячеек по вертикале colspan="2" - растягивает таблицу на количество ячеек по горизонтале.

Скорее всего допущены ошибки при построении таблицы тут: в пукте ''гггггг'' и ''дддддд'' а возможно ещё и в ''бббббб''

Говорю так, потому что не стал в css лезть.

У меня всё