[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Расположение по центру
DmitryOpalev
Есть html текст не сложного содержания:
<div id='alert'>
</div>

К нему прилагается так же не сложный CSS:
div#alert {position: absolute; display: block; width: 200px; height: 150px; background: black; top: 0; left: 0; margin: 0px auto;}

Блок находиться в верхнем левом углу.
Убирал margin, ставил left: auto; Просто убирал left: 0, оставлял margin;
Я потерял веру в жизнь, я в сметении, помогите мне пожалуйста.



Спустя 2 минуты, 48 секунд (10.02.2012 - 20:35) nugle написал(а):
попробуй так
<div>
<div
id='alert'>
</div>
</div>

div#alert {position: relative; display: block; width: 200px; height: 150px; background: black; top: 0; left: 0; margin: 0px auto;}

Спустя 9 минут, 6 секунд (10.02.2012 - 20:44) inpost написал(а):
<div align="center"> и не парься. + во всех браузерах работать будет.

Спустя 2 минуты, 59 секунд (10.02.2012 - 20:47) DmitryOpalev написал(а):
А, ребят, забыл уточнить, это будет сообщение по центру экарна, т.е. поверх всех объектов.

Спустя 12 минут, 13 секунд (10.02.2012 - 20:59) nugle написал(а):
ну так добавь еще z-index:1000;

Спустя 3 минуты, 36 секунд (10.02.2012 - 21:03) DmitryOpalev написал(а):
nugle
А разве не появляется отдельное место для этого блока?

Спустя 3 минуты, 5 секунд (10.02.2012 - 21:06) nugle написал(а):
DmitryOpalev
сейчас, погоди, попробую сделать

Вот смотри
<div class="par">
<div
class="irrobs">
</div>
</div>


css

.par{position:absolute; display:block; z-index:1000; width:100%;}
.irrobs{display:block; width:100px; height:200px; background:#ccc; position:relative; margin:0 auto;}


_____________
Курс валют
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.