Doctype и слои

Demoni · April 1, 2012

Вот такая проблема. Когда я подключаю doctype к документу, то слойность перестает работать (в частности мне необходимо с использованием position:relative). Без него же (т.е. просто <html> <head></head> <body></body> </html>) слои работают. Неужели "стандарты" не работают со слоями?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
</head>
<body>
Слой 1 наверху
<div style="position:relative; font-size:50px; z-index:2; color: navy">Слой 1</div>
<div style="position:relative; top:-55; left:5; color:orange; font-size:80px; z-index:1">Слой 2</div>
Слой 2 наверху 
<div style="position:relative; font-size:50px; z-index:3; color: navy">Слой 1</div>
<div style="position:relative; top:-55; left:5; color:orange; font-size:80px; z-index:4">Слой 2</div> 
</body>
</html>

Edited April 1, 2012 by Demoni

alexandr_v-vich · April 1, 2012

Не совсем понял, что у вас не работает, но, вероятно, вам поможет прописать меры измерения - "px"(при позиционировании).

Demoni · April 1, 2012

Да спасибо помогло.

Сама проблема собственно во в чём (http://vizastil.ru/index.php/decorating.html)

Есть левый div и правый (через float: left и right), после них идет футер. Как добиться слойности при таком подходе, если контент имеет фиксированную ширину, а оба div'а не помещаются (т.е. 2й переноситься на новую строку), при задании position: relative нечего не происходит, при других позиционированиях футер прыгает вверх. Тянуть футер должны оба блока а не один, так как правый не всегда растянут во высоту.

П.С. Если задавать position: relative и двигать bottom'ом, то отступ все равно остается.

Edited April 1, 2012 by Demoni

alexandr_v-vich · April 1, 2012

Даже сегодня - http://forum.htmlbook.ru/index.php?showtopic=33842

Думаю к вашей теме

Demoni · April 1, 2012

Там я ответа не нашел нормального... =(

Вообще если по простому, то вот, все наглядно и без усложнений: http://jsfiddle.net/LMRNy/3/

Edited April 1, 2012 by Demoni

Sign In

Doctype и слои

Question

Demoni

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

alexandr_v-vich

Link to comment

Share on other sites

Demoni

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Demoni

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information