Форум Сайтостроение Веб-строительство

div внутри div

12
S
На сайте с 05.01.2010
Offline
80
Soxay
901

Cхемка вот такая. 

<div id="1"></div>
<div id="2">
   <div class="3"></div>
   <div class="3"></div>
   <div class="3"></div>
</div>

Нужно задать в class="3" margin-top:5px, но так что бы этот отступ не отодвинул id="2" от id="1" на 5px. Это можно сделать не задавая id="3" float?

Плюсоните если помог...
kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#1

------------------------- delete

Милованов Ю.С
На сайте с 24.01.2008
Offline
196
Милованов Ю.С
#2

А разве ID не должен быть уникальным?

Подпись))
sir Nicholas
На сайте с 18.04.2012
Offline
146
sir Nicholas
#3
Soxay:

Это можно сделать не задавая id="3" float?

Да, только вместо id используйте class


<div class="3"></div>
.3{margin-top:5px;}
S
На сайте с 05.01.2010
Offline
80
Soxay
#4

Кстате да)... валидатор ошибку не пишет кстате. id обязательно должны быть одинаковыми?

F
На сайте с 11.08.2010
Offline
27
Fenom
#5

id должны быть уникальными

X
На сайте с 01.10.2012
Offline
8
Xmesh
#6

ничего не понял, но попробуйте position: relative для контейнера и такое же позиционирование для вложенного с требуемыми смещениями, который должен "отступать", но так же и продолжать находиться в основном потоке занимая место

S
На сайте с 05.01.2010
Offline
80
Soxay
#7
sir Nicholas:
Да, только вместо id используйте class

Та же ситуация. Если не задавать элементам class="3" float, то margin-top отодвигает id="2" от id="1"

---------- Добавлено 23.02.2013 в 18:10 ----------

Xmesh:
ничего не понял, но попробуйте position: relative для контейнера и такое же позиционирование для вложенного с требуемыми смещениями, который должен "отступать", но так же и продолжать находиться в основном потоке занимая место

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

sir Nicholas
На сайте с 18.04.2012
Offline
146
sir Nicholas
#8
Soxay:
Та же ситуация. Если не задавать элементам class="3" float, то margin-top отодвигает id="2" от id="1"

На самом деле нет, отодвигается class="3" относительно id="2" и id="1". CSS специфический язык, одна ошибка и все уехало. Что Вы там наколдовали одному Богу известно.

Как подсказали выше пробуйте position: relative

S
На сайте с 05.01.2010
Offline
80
Soxay
#9

del............

Станислав
На сайте с 27.12.2009
Offline
237
Станислав
#10

ТС а зачем вобще margin-top:5px делать?

В данном случае будет лучше margin-bottom:5px;

Мы там, где рады нас видеть.
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий