powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выравнивание по центру в div блоке???
8 сообщений из 8, страница 1 из 1
выравнивание по центру в div блоке???
    #34999713
Alexander1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравсвуйте.
Значит есть блок <div></div>
как мне сделать что бы выравнивание было по центру? ставлю <div align="center"></div> не помогает.
Пытаюсь сделать padding-left:250px, что бы хоть как-то центрировать. в IE по одному в опере другой отступ и в лисе тоже другой... :(
помогите как лучше всего это сделать, что бы соблюсти кроссбаузерность ?
...
Рейтинг: 0 / 0
выравнивание по центру в div блоке???
    #34999722
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никак стандартными встроенными средствами. align работает только для размещения внутренних элементов.
Наиболее простой способ, много раз описанный - это создать див размером с родителя (стили width и height равны 100%), если нет, то на 100% экрана и задать ему позиционирование, например, центровку, а в него вставить свой див со своими размерами.
Правда, не скажу про совместимость, но в ИЕ работает точно.
...
Рейтинг: 0 / 0
выравнивание по центру в div блоке???
    #34999756
iwork
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Если речь идет о выравнивании самого слоя, то используйте margin: 0 auto;
Если же необходимо выравнивать элементы внутри слоя - text-align: center;
Код: plaintext
1.
2.
3.
<div style="width: 100px; height: 100px; margin: 0 auto; background: #F00; text-align: center;">
hello
</div>
...
Рейтинг: 0 / 0
выравнивание по центру в div блоке???
    #35001587
Alexander1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
iworkЕсли речь идет о выравнивании самого слоя, то используйте margin: 0 auto;
Если же необходимо выравнивать элементы внутри слоя - text-align: center;
Код: plaintext
1.
2.
3.
<div style="width: 100px; height: 100px; margin: 0 auto; background: #F00; text-align: center;">
hello
</div>
спасибо, дельный совет
...
Рейтинг: 0 / 0
выравнивание по центру в div блоке???
    #35003829
Alexander1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Дабы не создавть новую тему, спрошу в этой же.
Почему при задании стилей для блока div к примеру таких
авторposition:absolute;
top:100px;
right:250px;
width:470px;
почему у мозилы и у эксплорера, разные отступы справа?
и как их сделать можно одинаковыми ?
...
Рейтинг: 0 / 0
выравнивание по центру в div блоке???
    #35004231
I_Work
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Одинаковые они.

Может быть у вас не заданы поля у body - тогда они могут быть разными у разных браузеров...
...
Рейтинг: 0 / 0
выравнивание по центру в div блоке???
    #35004405
Alexander1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
вот у меня так начинается страница
автор<div id="container">
<div id="header">
<div id="news">здесь новости </div>
</div>
<div id="top-menu" >
здесь меню, которое неправильно отображается
</div>
</div>

вот css файл
автор

html
{
height:100%;
}

body{
margin:0;
padding:0;
background:#F7DACB ;
font: 90% Verdana, Arial, Helvetica, sans-serif;

text-align:center;
line-height:100%;
}
#container{
width:1000px;
margin:0 auto;
text-align:left;
position:relative;

background: url(images/image_34.jpg) repeat ;
}
#header{
height:365px;
position:relative;
background: url(images/image_01.jpg) no-repeat 0 0;
}
#news{
position:absolute;
top:100px;
right:10px;
width:245px;

}
#top-menu{
height:26px;
position:relative;
width:1000px;


}
в итоге меню которое находится в <div id="top-menu" > в експлорере слева, а в мозиле где-то на 20 пунктов правее :((
...
Рейтинг: 0 / 0
выравнивание по центру в div блоке???
    #35006258
I_Work
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Либо вы приводите не тот код, который используете у себя, либо у меня какой-то неправльный Мозилла. Ваш код обработался у меня одинаково IE 6, FireFox 2.0, Mozilla 1.7.5 и Оперой 9.

Покажите скриншоты.
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выравнивание по центру в div блоке???
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]