Digidie

icemen777,

Это типа

<tr>

<td valign="top" colspan="2">HEADER</td>

</tr>

<tr>

<td width="px" height="100%">LEFT</td>

<td width="px" height="100%">CONTENT</td>

</tr>

<tr>

<td width="px" colspan="2">FOOTER</td>

Типа так?

icemen777,

Здраствуйте! В общем теперь дело такое. Возможно ли сделать так что левая колонка зависела от контента и наоборот без js именно на css.

Digidie добавил 15.10.2011 в 19:52

Digidie,

И пожалуйста приведите пример вложенных блоков!

Digidie добавил 15.10.2011 в 19:55

Digidie,

можно в личку 619-530-117

Sigmo#ID, Здраствуйте. Подскажите пожалуйста как сверстать тень? Проблема в след. Есть тень которая сверху угасает,по центру идёт полноценная и снизу опять угасает.Как быть?

immo,

display:inline попробуйте в div прописать

icemen777,

Спасибо большое!!!Я ещё обращусь!

icemen777,

И ещё вот что я хотел узнать.Почему когда float прописываешь для блоков они выходят за рамки wrapper'a. Мне же нужно во wrappere background повторить???

icemen777,

А можно сделать так чтобы высота левой колонки зависела от контента?

Доброго времени суток!

В общем проблема такая.Есть макет состоящий из шапки,двух колонок и подвала.После шапки идёт wrapper. В нём левая колонка и контент.Надо чтобы во wrapper'e был background. вот код:

html

<div id="wrapper">

<div id="left">LEFT<br><br><br><br><br>< br><br><br><br><br></div>

<div id="content">CONTENT</div>

</div>

css

#wrapper{

background: url(../images/wrap_bg.gif) repeat-y top center;

width:991px;

height:100%;

border:1px solid red;

margin:0 auto;

}

#left{

float:left;

width:259px;

height:100%;

background: url(../images/left_bg.png) repeat-y;

border:1px solid red;

margin-left:12px;

}

#content{

width:698px;

height:100%;

border:1px solid red;

float:left;

}

Как видите у всёх трёх блоков есть background. Надо чтобы высота левой колонки зависела от содержимого контента и при этом высота самого wrapper'a (в нём будет тень) тоже зависела от контента.А в результать получаю блоки left и content за пределами wrapper'a и background не тянется.

Digidie добавил 12.10.2011 в 22:04

icemen777,

Доброго времени суток!

В общем проблема такая.Есть макет состоящий из шапки,двух колонок и подвала.После шапки идёт wrapper. В нём левая колонка и контент.Надо чтобы во wrapper'e был background. вот код:

html

<div id="wrapper">

<div id="left">LEFT<br><br><br><br><br>< br><br><br><br><br></div>

<div id="content">CONTENT</div>

</div>

css

#wrapper{

background: url(../images/wrap_bg.gif) repeat-y top center;

width:991px;

height:100%;

border:1px solid red;

margin:0 auto;

}

#left{

float:left;

width:259px;

height:100%;

background: url(../images/left_bg.png) repeat-y;

border:1px solid red;

margin-left:12px;

}

#content{

width:698px;

height:100%;

border:1px solid red;

float:left;

}

Как видите у всёх трёх блоков есть background. Надо чтобы высота левой колонки зависела от содержимого контента и при этом высота самого wrapper'a (в нём будет тень) тоже зависела от контента.А в результать получаю блоки left и content за пределами wrapper'a и background не тянется.

Доброго времени суток!

В общем проблема такая.Есть макет состоящий из шапки,двух колонок и подвала.После шапки идёт wrapper. В нём левая колонка и контент.Надо чтобы во wrapper'e был background. вот код:

html

<div id="wrapper">

<div id="left">LEFT<br><br><br><br><br>< br><br><br><br><br></div>

<div id="content">CONTENT</div>

</div>

css

#wrapper{

background: url(../images/wrap_bg.gif) repeat-y top center;

width:991px;

height:100%;

border:1px solid red;

margin:0 auto;

}

#left{

float:left;

width:259px;

height:100%;

background: url(../images/left_bg.png) repeat-y;

border:1px solid red;

margin-left:12px;

}

#content{

width:698px;

height:100%;

border:1px solid red;

float:left;

}

Как видите у всёх трёх блоков есть background. Надо чтобы высота левой колонки зависела от содержимого контента и при этом высота самого wrapper'a (в нём будет тень) тоже зависела от контента. Для большей понятности выложил скрин.На нём всё видно.Помогите пожалуйста.