помогите с высотой div

применить наследование в стилях

эти два тега имеют совершеное разное форматирование... начиная от рамки, и заканчивая текстом. В общем я сделал вот так.

body, html {

height:100%;

}

#contayner

{

margin:0 auto;

height:auto !important;

position:absolute;

height:100%;

width:1000px;

background-image:url(images/back.jpg);

background-repeat:repeat-y;

}

Но появилась другая проблема :( при position:absolute; не работает margin:0 auto; а нужно выровнять по центру.. (

Учебники css вам в помощь :)

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

То, что написано у вас в коде, наводит на мысль, что где-то в другом месте документа каким-то образом вы уже описали див #contayner (директива !important используется для отмены более высокого каскада форматирования). Если это так, найдите, где этот более высокий каскад, и удалите там параметр overflow, так как только им можно задать жестую высоту дива. Если же ограничение дива идет не блоком (ячейка таблицы, например), то работать вам надо вообще не с дивом #contayner. Учитывайте все уровни вложенности вашей структуры. Вероятно, так и есть, вы не учли более высокого уровня вложенности, так как пытаетесь вывести див #contayner из общего потока документа с помощью свойства position. Это последнее, к чему можно прибегать, это далеко заходит за правила хорошего тона при грамотной верстке.

Если бы растягивался, я бы не задавал такие глупые вопросы

Первоначальные вариант, который не работал

html

<div id="contayner">

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

</div>

css

#contayner

{

margin 0 auto;

width:1000px;

background-image:url(images/back.jpg);

background-repeat:repeat-y;

}

#content

{

float:left;

width:70%;

text-align:justify;

font-size:18px;

color:#333333;

}

позиционирование по умолчанию и никакого параметра overflow нет.

В итоге, бекграунда просто не видно, а содержимое контента на цвете тега body

Armax добавил 01.02.2010 в 02:54

Может вы подскажите лучший способ выровнять вот такие два слоя

#div1

{

float:left;

width:50%;

}

#div2

{

float:left;

width:50%;

}

Чтобы если в первом или втором контента было больше они выравнивались все под одну гребенку?

Был бы безумно признателен!

Armax добавил 01.02.2010 в 03:04

Хоть бы ссылку дали на че нить интересное, что может помочь. А от того что я перелопачу учебник css мне легче не станет. )

Armax добавил 01.02.2010 в 03:30

Ну судя по верстке boss-cms Вы то сами не сильно дружите с высотой div 😂😂😂

#div1

{

float:left;

width:50%;

}

#div2

{

float:left;

width:50%;

}

Идем на http://trifler.ru/blog/

Находим хотя бы такое http://trifler.ru/blog/i/layouts/boom/boom_lc_no_border.htm

Ну погорячился немного..

Подскажите хоть кто нибудь как сделать вот это -

я пока что сделал через параметр

overflow:auto;

и все в принципе шикарно,

<div id="contayner"> растягивается на всю высоту content

но вот в IE появляется полоса прокрутки дива, если он больше видимой области екрана, оно в принципе так и должно быть, но в опере и фф нормально все.

Блин. Ну помогите!!! 🤪 Кто нибудь!!! :)

Armax, наследование это вот так

#container #content { здесь свойства контейнера (div) с контентом}

:)