X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как разместить блок произвольной ширины в центре другого блока?
cardsmoney
cardsmoney
Topic Starter сообщение 18.2.2010, 15:56; Ответить: cardsmoney
Сообщение #1


Как разместить блок произвольной ширины в центре другого блока?


Ведь, если ширина не фиксирована, маргин 0 авто не работает



Способ http://www.artlebedev.ru/tools/technogrett...l/align-center/


не работает, если вместо текста в контейнер помещать дивы. А мне нужно поместить именно их...


Помогите, уже 2й день голову ломаю.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
сообщение 18.2.2010, 20:04; Ответить: sikwel_hb
Сообщение #2


странно, поместил вместо текста в контейнер дивы, да еще и расположил их строчкой, ничего страшного не произошло, див-родитель остался отцентрирован, проверьте свой код:nea:

но увы ие6 как всегда подкачал, во всех браузерах кроме него все прекрасно центрируется, пример я особо этот не разбирал, потому как никогда почему-то не требовалось.

надо будет поковырять)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" type="text/css" rel="stylesheet" media="all" />
</head>
<body>
<style type="text/css">
.align_center
{
position: relative;
width: 100%;
}
.align_center:after
{
content: '';
display: block;
clear: both;
}
.align_center_to_left
{
position: relative;
right: 50%;
float: right;
}
.align_center_to_right
{
position: relative;
z-index: 1;
right: -50%;
}

.div-inside-div {

border:2px solid #ff0000;
margin:10px;
height:100px;

}

.inside-1,
.inside-2,
.inside-3 {
height:30px;
width:30px;
margin:10px;
background:green;
float:left;
font-size:20px;
color:#fff;
text-align:center;
}

</style>
<div class="align_center" style="border: 1px dashed red; color: red;">
<div class="align_center_to_left">
<div class="align_center_to_right" style="margin: 1em 0; border: 1px dashed green; color: green;">
<div class="div-inside-div">
<div class="inside-1">1</div>
<div class="inside-2">2</div>
<div class="inside-3">3</div>
</div>
</div>
</div>
</div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cardsmoney
cardsmoney
Topic Starter сообщение 19.2.2010, 0:24; Ответить: cardsmoney
Сообщение #3


в том и смысл, что в ие не работает

а ответ нашёлся
http://naikom.ru/blog/?p=106

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1116 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2279 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3635 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1925 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 13:59
Дизайн