Cardinal

Для себя я эту "проблему" легко решил - не использую height: 100%.

а что тогда?

Да и вообще все проблемы с версткой можно решить сменив род деятельности.

уже побежал

неужели никто не знает как решить эту проблему? как же выйти из этого, вы ведь на дивах верстаете?

Попробуй поставить себе этот доктайп и проверить, работает ли он, как будет время. А насчет того бага в ФФ что я писал выше, не знаешь как убрать?

по правде говоря не очень помогло(((

Не хочу таблицами, а насчет доктайпов, поконкретней можно, какие виды их есть, че они делают и т.п?

HTML

 <div class="tr">
 <div id="gradient1"></div>
 <div id="content">jlk
df
sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk
 </div>
 <div id="gradient2"></div>
 </div>

CSS

#gradient1{
width:150px;
height:100%;
background-image:URL(i/gradient1.jpg);
background-repeat:repeat-y;
float:left;
}


#content{
width:704px;
height:100%;
background-color:#53060e;
float:left;
}


#gradient2{
width:149px;
height:100%;
background-image:URL(i/gradient2.jpg);
background-repeat:repeat-y;
float:left;
}

Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr, высота которого изменяется с впечатыванием текста в content. Собственно, это в ИЕ, а в ФФ вроде работает, но не так как хотелось, из-за высоты в 100% поле для текста становится очень большим, что не нужно, а нужно чтобы все слоя увеличивались в высоту одновременно при добавлении контента, как такое сделать? Спасибо.

Знаете, я уже был готов к таким ответам, не в первой))), лан закрывайте тему

Кстати, а почему это хаос, только из-за меню чтоль, объясните пожалуста

Я бы начал с нуля, дак вот только боюсь что тот же результат будет(((, ну лан, завтра на свежую голову начну

Я знаю что мой дизайн не из лучшых. К примеру я оставил бы одну картинку, а оставшееся пространство чем тогда занять? Однородный фон, чем вам не понравился? Я еще не понял А меню это "зачем-то уехало влево от заголовка... - зачем?" какое меню, от какого заголовка, меню вроде на месте. В чем еще ошибки? И может с нуля все начать?

вот еще один макетик http://medieval2.narod.ru/. Критикуйте. Посоветуйте че с надписью верхней делать, нелепо как-то выглядит, и подвал бы как-поменять, посоветуйте плиз

Вот, накалякал сайтик:: medieval2.narod.ru.

Вот именно, накалякал.

Если убрать две буквы,то получится "накакал"

бывают же хреновые люди, которые дельный совет дать не могут, а свою 1 копейку вставят

Посмотри правый низ, там бардак полный: линия не на месте, левая колонка залазит под правую. Лучше посмотри сначала в ИЕ, а потом в ФФ и увидишь разницу.

дизигн, просьба не критиковать, я покаместь верстать учусь, это тренеровочный макет, на большее меня не хватило. Вернемся к тем, что мне изменить что-бы в ФФ все хорошо отображалось?

Вот, накалякал сайтик:: medieval2.narod.ru. Сайт сверстал полностью DIV'ами, однако отображается корректно только в ИЕ. Посмотрите пожалуйста. Кстати, возможно будет долго грузится, извиняюсь.

Спасибо за объяснения, но я сам уже ошибку нашел, з-индекс не выставил. А на счет вариантов, так думаю первый менее запутанный чем тот что дал lone.

Типа так:

ХТМЛ

<div id="glavnaya"><div id="glavnaya2"><a href="index.html"></a></div></div>

ЦСС:

#glavnaya{
background-image:URL(i/glavnaya.jpg);
width:175px;
height:27px;
position:absolute;
top:328px;
}


#glavnaya2{
dispaly:block;
height:100%;
width:100%;
}

Не работает

Кстати ссылочку даш?

Не очень понял ваш ответ. Ссылка типа

Как сделать чтобы вставленный рисунок в слой стал ссылкой?

Какой ужас - отрицательный маргин для такого дела... Проще уж тогда так:

position: absolute;

width: 50%;

left: 25%;

А что в этом такого ужасного? Я вроде не испугался:cool:

Сделал с помощю абсолютного позиционирования(50%) и отрицательных маргин равных половине слоя, опять помогли статьи с хтмлбука

Исправил, однако он не очень коректно работает при резиновой верстке

Я тоже столкнулся с этой проблемой, притом если задаю значение left в процентах, то появляется горизонтальная прокрутка, а справа появляется куча места

#monah{

background-image:URL(i/monah.gif);

width:100%;

height:216px;

position:absolute;

top:110px;

left:40%;

background-repeat:no-repeat;

z-index:2;

}