пожалуйста, подскажите пример наиболее компактной верстки (речь вообще о разметке, а не об именах и переносах), где на странице есть блок, 500*500, внутри него блок 200*200 с отступом сверху 50px
я попробовал сделать, но есть проблема, дочериний блок утягивает за собой родительский, а работает только или через указание padding у родительского или position:fixed у дочернего.
<style>
.parent {
background: #fd0;
width:500px;
height:500px;
/* border:1px solid red;*//fix one
/* padding:1px *//fix two
}
.child {
background:green;
/*position:fixed;*//fix three
width:200px;
height:200px;
margin-top:50px;
}
</style>
<div class=parent>
<div class=child>
</div>
</div>
Примечание:
ах да, простите, не спал :) вопрос:
как можно сделать так, что-бы изменяя параметры marign-top, margin-left изменять положение дочернего блока внутри родительского, но что-бы родительский был на месте, и без всяких фиксов (в пример фиксы One two three)
То есть как правильно сверстать, что-бы блок находился внутри другого блока
Примечание:
в IE работает, а вот фф, хром, опера неправильно отображают, то есть отображают неправильную верстку. Попробуйте изменять параметр margin-top:50px; родительский блок ползет вслед за дочерним, хотя родительский блок не должен куда-либо перемещаться
Примечание:
http://img204.imageshack.us/img204/251/82382519.png
Примечание:
techmeat, не работает, блок растягивается height+paddingtop, а отступа сверху нифига
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.