[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Выравнивание div блока по центру
koala
#header div {
margin: 0 auto;
}


Пробую так, но блок прилипает к левому краю, если так:

#header div {
width: 100%;
margin: auto;
}


То тоже липнет к левому краю но отступ делает огромный от верху =((



Спустя 2 минуты, 36 секунд (6.11.2010 - 18:11) Lenarfate написал(а):
а так
#header div {  
position: absolute;
left: 50%;
top: 50%;
width: 200px;
height: 100px;
margin-left: -100px; /* отрицательный левый отступ, равный половине длины блока */
margin-top: -50px; /* отрицательный верхний отступ, равный половине высоты блока */
}

Спустя 6 минут, 43 секунды (6.11.2010 - 18:17) koala написал(а):
#header div {  
position: absolute;
left: 50%;
top: 50%;
width: 800px;
height: 100px;
margin-left: -400px; /* отрицательный левый отступ, равный половине длины блока */
margin-top: -50px; /* отрицательный верхний отступ, равный половине высоты блока */
}


Блок размещен ближе к левому краю, но не по центру, тот же эфект что и от вышеизложеного кода +((

Спустя 1 час, 51 минута, 27 секунд (6.11.2010 - 20:09) Sanchopansa написал(а):
ты просто попробуй задать ширину...
#header div {
width:300px;
margin: 0 auto;
}

Спустя 28 минут, 36 секунд (6.11.2010 - 20:37) koala написал(а):
Прововал задавать ширину 800 и 900 px но не помогает, так же и на Линуксе =((
Да и вобще, верстать дивами как то сложно, вот таблицу можно по центру поставить и все ровно у тебя =))))

Спустя 13 минут, 6 секунд (6.11.2010 - 20:50) Sanchopansa написал(а):
Скажу тебе по секрету.. DIVная верстка проще чем табличная если ее понять и научиться с ними работать.. а главное что она НАМНОГО легче читается smile.gif
Попробуй это вставить в ХТМЛ и проверь

<div style="border:1px dashed #f00; padding:10px; width:580px;margin:0 auto;">
<div
style="border:4px solid #555; height:200px; background:#AAA;">
</div>
</div>

Спустя 52 минуты, 41 секунда (6.11.2010 - 21:43) koala написал(а):
Спасибо, все ровно не по центру а немного левее.

Видимо до ДИВовой верстке мне еще рано. А вот с таблицами я уже много работы сделал =)))

Спустя 36 минут, 23 секунды (6.11.2010 - 22:20) Sanchopansa написал(а):
как это немного левее? чето я не понимаю.. на этом принципе делаються сайты и у людей все нормально а у тебя оно не поцентру.. странно smile.gif

Есть еще кто-то у кого тоже не поцентру? если да тогда сори я прекращаю верстать

Спустя 1 час, 13 минут, 33 секунды (6.11.2010 - 23:33) inpost написал(а):
сss: #aaa {text-align:center;}

<div id="aaa"><div></div></div> - второй див будет по центру, вне зависимости от его размеров.


_____________
Vi Veri Veniversum Vivus Vici
Быстрый ответ:

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