Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
 Добавлено: 22/10/09 в 20:36 |
привет, хочется спросить, кто как центрирует блочные элементы, width которых чётко не задана и может менятся? я это делаю с некоторым извратом, вдруг есть способы проще. Наспамьте решения, которые юзаете вы.
Оффтопик: Не надо писать ерунды, если вы не в теме, но "думаете" что сработает.
Последний раз редактировалось: erobrand (22/10/09 в 21:03), всего редактировалось 1 раз
|
|
|
|
| |
С нами с 18.10.02
Сообщения: 4165
Рейтинг: 3365
|
| Добавлено: 22/10/09 в 20:53 |
margin: 0 auto;
Или я не понял вопроса. И что в данном случае есть "длина"? Я всегда считал, что там только ширина (width) и высота (height).
Последний раз редактировалось: Mika (22/10/09 в 21:21), всего редактировалось 1 раз
|
|
|
|
| |
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
| Добавлено: 22/10/09 в 21:02 |
длина=ширина 
есть варианты?)
|
|
|
|
| |
С нами с 01.01.09
Сообщения: 358
Рейтинг: 104
|
| Добавлено: 22/10/09 в 21:11 |
text-align: center; на отцовский див, нет?
|
|
|
|
| |
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
| Добавлено: 22/10/09 в 21:23 |
Нет!
Я прошу решения для блочного элемента. Читайте внимательнее
|
|
|
|
| |
С нами с 06.03.05
Сообщения: 6216
Рейтинг: 7375
 
|
| Добавлено: 22/10/09 в 22:02 |
ну можно поиграться с min и max width или же заюзать отступы чтобы например центр от боков экрана на фикс расстояние например на расстояние сайдбара (сайдбаров)
можно еще через display:inline-block
|
|
|
|
| |
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
| Добавлено: 22/10/09 в 22:46 |
| Skat писал: | ну можно поиграться с min и max width или же заюзать отступы чтобы например центр от боков экрана на фикс расстояние например на расстояние сайдбара (сайдбаров)
можно еще через display:inline-block |
а по подробнее можно? мин-мах можно - но не очень будет..по сотальным вариантам не понял, что ты имел в виду.
|
|
|
|
| |
С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538
|
| Добавлено: 22/10/09 в 23:10 |
| Код: | <html>
<style>
#container
{
float:left;
left:50%;
position:relative;
}
#content
{
left:-50%;
position:relative;
height:150px;
border:1px dotted red;
}
</style>
<body>
<div id="container">
<div id="content">
1234567890-abcdefg
</div>
</div>
</body>
</html> |
|
|
|
|
| |
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
| Добавлено: 22/10/09 в 23:45 |
Yacc: лови +6
ещё хочу
|
|
|
|
| |
С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538
|
| Добавлено: 22/10/09 в 23:53 |
Чего хочешь-то? 
Ну, вот тебе ещё.
Для неправильного браузера №8:
| Код: | #content
{
left:-50%;
position:relative;
display:inline;
height:150px;
border:1px dotted red;
} |
Для изображений пойдёт.
|
|
|
|
| |
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
| Добавлено: 23/10/09 в 11:34 |
кстати по поводу неправильных браузеров - твой предыдущий я ещё для ИЕ6 2 строчки вбил
спасибо, оценил.
|
|
|
|
| |
С нами с 16.01.09
Сообщения: 268
Рейтинг: 384
|
| Добавлено: 23/10/09 в 13:59 |
Yacc: отличное решение!
я обычно юзаю другой способ, меньше на 1 div, но с экспрешном для ие6.
| Код: |
<html>
<style>
#container
{
display:table;
margin:0 auto;
border:1px dotted red;
}
* html #container {
float: left;
display: inline;
margin-left: expression(((this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px");
}
</style>
<body>
<div id="container">
1234567890-abcdefg
</div>
</body>
</html>
|
|
|
|
|
| |
Адалт кутюрье
С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827
|
| Добавлено: 23/10/09 в 15:26 |
лови +6 в репу Здорово
|
|
|
|
| |
