вопрос по html

[munkutha]

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

 

[ivashka]

Это в чем? По твоему описанию это на ХТМЛ не похоже.

 

[valerka]

Попробуй так:

<div id="Layer1">
<div id="Layer2">ddf</div>ffff</div>

ddf и ffff это какое-то текстовое содержимое первого и второго слоя соответственно. В общем в браузере увидишь сам как это выглядит.
Получается что-то вроде вложенного слоя.

 

[bueno]

valerka
не верно - в твоем случае не учтено перемешение, и, к тому же, текст Layer2 будет над текстом Layer1..
munkutha
лучше так:
<div id="container" style="float:left">
<div>div1 content</div>
<div>div2 content</div>
</div>
позиционируй container и задавай его габариты по вкусу (дополнительными стилями) - порядок div1 и div2 всегда будет сохранен вне зависимости от их наполнения..

 

[valerka]

valerka
не верно - в твоем случае не учтено перемешение, и, к тому же, текст Layer2 будет над текстом Layer1..
munkutha
лучше так:
<div id="container" style="float:left">
<div>div1 content</div>
<div>div2 content</div>
</div>
позиционируй container и задавай его габариты по вкусу (дополнительными стилями) - порядок div1 и div2 всегда будет сохранен вне зависимости от их наполнения..

Да, нет, все там учтено, только, естественно, все надо стилями отрегулировать, например так:


<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:274px;
top:32px;
width:302px;
height:244px;
z-index:1;
background-color: #99CCFF;
}
#Layer2 {
position:absolute;
left:25px;
top:50px;
width:195px;
height:145px;
z-index:2;
background-color: #99CCCC;
}
-->
</style>

ну, и потом так:

<div id="Layer1">
<div id="Layer2">sdgf</div>
sfdgs</div>

 

[bueno]

valerka
блин.. ну вот что за чушь ты порешь?.. ты сам то его пробовал?.. видимо нет.. попробуй в Layer1 ввести строк 10 контента - все поймешь.. да и вообще зачем весь этот огород, тем более не работающий, если все прекрасно решается 3-мя строчками кода?..

 

[valerka]

valerka
блин.. ну вот что за чушь ты порешь?.. ты сам то его пробовал?.. видимо нет.. попробуй в Layer1 ввести строк 10 контента - все поймешь.. да и вообще зачем весь этот огород, тем более не работающий, если все прекрасно решается 3-мя строчками кода?..

Гы, bueno, а ты не слишком категоричен? Амбиции крутого html кодера неплохо было бы оставить в другом месте. Я предложил вариант, ты предложил свой, думать еще никто не отменял, пусть топик стартер разберется самостоятельно, попробует и то и другое, сделает выводы.
Не заводись и меня не заводи, иначе все это выльется в флейм-дискуссию в плане что есть слой и о чем вообще был вопрос.

 

[munkutha]

оба варианта рабочие, проверял так что не сортесь
но на мой взгяд пример с Layer1 и Layer2 более универсальный, я могу позиционировать слои как угодно, один под другим или например рядом, тоесть получаються две колонки
to:bueno
в твоем же случае правило позиционирования будет работать для двух слоев сразу. хотя может я не разобрался до конца

тем немение всем спасибо кто помог разобраться

 

[bueno]

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

в моем случае это условие всегда! выполняются и наложения никогда! не получается.. вне зависимости от объема контента обоих слоев (если, конечно не добавленно каких дополнительных атрибутов).. причем для перемещения обоих слоев достаточно спозиционировать общий контейнер.. если тебе надо слои "развязать" - не проблема - пользуйся отрицательными marging'ами.. да и абсолютное позиционирование никто не отменял.. причем если ты общему контейнеру задашь position: relative, абс. позиционирование будет производиться относительно его правого левого угла, где бы он не находился..

valerka
все, что тут можно сказать - прекрасный пример того, как делать не стоит - "голый" контент не должен быть рядом с нодом.. по крайней мере если мы говорим именно о корректной блочной верстке.. ошибки, конечно нет, но это не корректно с точки зркния DOM.. на другую ошбку я уже указал.. а остальное - флейм..

 

[valerka]

в моем случае это условие всегда! выполняются и наложения никогда! не получается.. вне зависимости от объема контента обоих слоев (если, конечно не добавленно каких дополнительных атрибутов).. причем для перемещения обоих слоев достаточно спозиционировать общий контейнер.. если тебе надо слои "развязать" - не проблема - пользуйся отрицательными marging'ами.. да и абсолютное позиционирование никто не отменял.. причем если ты общему контейнеру задашь position: relative, абс. позиционирование будет производиться относительно его правого левого угла, где бы он не находился..

valerka
все, что тут можно сказать - прекрасный пример того, как делать не стоит - "голый" контент не должен быть рядом с нодом.. по крайней мере если мы говорим именно о корректной блочной верстке.. ошибки, конечно нет, но это не корректно с точки зркния DOM.. на другую ошбку я уже указал.. а остальное - флейм..

Постановка задачи определяет методы ее решения. Не нужно долбить в одну точку для того, чтобы доказать свою исключительную правоту. Предлагай варианты, а люди выберут, что им больше по душе и что больше подходит к их задачам. Не навязывай мне, пожалуйста, в данном случае, свою "правильную" точку зрения. Если топик стартер выберет твой вариант - замечательно, если нет, менторский тон не поможет.

Добавлено через 11 минут
У меня нет ни малейшего желания с кем либо ссориться здесь по пустякам, однако, иногда отсутствие деликатности "коллег" выводит из равновесия. Если кого обидел - сорри, однако от своей позиции не отступлю: право выбора за выбирающим. Если есть конструктив - давай, а не "что за чушь порешь", "правила DOM" и все такое. Я твои рассуждения такими эпитетами не покрывал. И, закончим, на этом. Ну, пожалуйста!