Отвечу на вопросы по HTML, CSS, Jquery

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

Вот, много что почитать про пятерку - http://htmlbook.ru/html5 Вам почитать и сам то же гляну.

мда... пора мне в продолжительный отпуск, а то уже элементарных вещей не замечаю, благодарю за подсказку :)

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

В общем проблема такая.Есть макет состоящий из шапки,двух колонок и подвала.После шапки идёт 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 (в нём будет тень) тоже зависела от контента. Для большей понятности выложил скрин.На нём всё видно.Помогите пожалуйста.

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

В общем проблема такая.Есть макет состоящий из шапки,двух колонок и подвала.После шапки идёт 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 не тянется.

Вы хотите чтобы все колонки были одной высоты? То есть высотой с врапер? Это не возможно сделать без таблиц. Обычно подкладывается еще один блок с фоном который имитирыет колонку, ну или javascript. Я иногда, когда

нужно побыстрому, jquery использую.

Например так:

$(window).load(function() {

$('#left, #content).height($('#wraper').height());

});

icemen777,

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

Если не вставлять один блок в другой то нет.

icemen777,

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

overflow: hidden; добавьте к врапперу