Выравнивание содержимого div блока

@Luter1984 · Регистрация: 20.01.2011

Студворк — интернет-сервис помощи студентам

Добрый день!!!
Уже второй день мучаюсь с выравниванием содержимого div блока по центру, вроде все попробовал но нужного результата не получил...Может кто подскажет?

На странице применяется табличная верстка
Все содержимое элемента, который мне нужно выровнить находится внутри центрально столбца таблицы
и огранен div блоком..Каждый товар является табличкой со свойством: float:left...Т.е. в зависимости от размера монитора или окна браузера в одну строку будет входить разное количество элементов с товаром (2 или 3)...Но вот отодвинуть минитаблицы с товаром друг от друга и выравнить их все посередине никак не получается...

@Mailo · 14.02.2011, 15:04

Luter1984, везде margin.

1) прописываешь левые и правые маржины классам или id блоков, тех что 6 на картинке, судя по размерам они одинаковые и класс для них следует использовать один и тот же.

2) Основному блоку прописать margin 0 auto;

P.S. Если в первом случае используется таблица, то тогда атрибут cellspacing

@Luter1984 · 14.02.2011, 18:07 **[ТС]**

Спасибочки, сделал вот так:
Извеняюсь, что кода целая тонна, но боюсь не показать какой-нибудь нужный элемент...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
          <tr>
            <td height="332" colspan="2" valign="top">
            <div id="hellomysite">
              <h2>Каталог продукции</h2>
            </div>
            <!--Блок постраничной навигации-->
            <?php             
                $result_nav2 = mysql_query("SELECT str FROM options", $databasic);
                $myrow_nav2 = mysql_fetch_array($result_nav2);
                $num = $myrow_nav2["str"];
                // Извлекаем из URL текущую страницу
                @$page = $_GET['page'];
                // Определяем общее число сообщений в базе данных
                $result002 = mysql_query("SELECT COUNT(*) FROM rubriki");
                $temp = mysql_fetch_array($result002);
                $posts = $temp[0];
                // Находим общее число страниц
                $total = (($posts - 1) / $num) + 1;
                $total =  intval($total);
                // Определяем начало сообщений для текущей страницы
                $page = intval($page);
                // Если значение $page меньше единицы или отрицательно
                // переходим на первую страницу
                // А если слишком большое, то переходим на последнюю
                if(empty($page) or $page < 0) $page = 1;
                if($page > $total) $page = $total;
                // Вычисляем начиная с какого номера
                // следует выводить сообщения
                $start = $page * $num - $num;
                ?>
            <div class="tovar">
                <span id="tovar2">
                <!--соединение с базой для вывода элементов по рубрике товара-->
                <?php       
                /*проверяем есть ли вообще хотя бы одна запись*/
                if ($temp[0] == 0)
                {
                    echo "<p id='privets'>По данной рубрике нет ни одной записи</p>";
                }
                else
                {
                    /*делаем выборку из базы данных*/
                    $res_catalog = mysql_query("SELECT id,view,cena,categorynalichie,data,mini_image,big_image,title 
                                                FROM rubriki ORDER BY data DESC LIMIT $start, $num",
                                                $databasic);
                        /*проверка №1 - проверяем на правильность вывод данных в переменную $res_catalog*/
                        if (!$res_catalog)
                            {
                                echo "<p>Обращение к базе данных не состоялось. Оповестите об этом администратора по email:
                                     Lexluterking@ya.ru <br />
                                     <strong>Код ошибки:</strong></p>";
                                exit(mysql_error());
                            }
/*проверка №2 - проверяем были ли данные вынесены из базы данных, т.е. существует хотя бы одно значение в $res_catalog*/
if (mysql_num_rows($res_catalog) > 0)
{
/*вытаскиваем результаты запроса в переменную массив*/
$myarrayres_catalog = mysql_fetch_array($res_catalog);
/*открываем цикл для извлечения данных из таблицы базы данных*/                  
        do
            {
                /*Маленькая проверка товара на наличие*/
                if($myarrayres_catalog["categorynalichie"] == 2)
                    {   
                        $nalichie = "<br /><span id='tovar'>*Товар ожидается*</span>";
                        printf (
                        "<table border='0' cellspacing='0' cellpadding='0' class='blockstylecentertwo' valign='top'>
                            <tr>
                                <td class='blockstyle1'><img src='image/topleftcentertwo.gif' width='10' height='10' /></td>
                                <td class='blockstyle2'><img src='image/toprightcentertwo.gif' width='10' height='10' /></td>
                            </tr>
                            <tr>
                                <td colspan='2' class='centerminiblock'>
                                <span id='name_tovar'>%s</span>
                                </td>
                            </tr>
                            <tr>
                                <td colspan='2' class='centerminiblockline'></td>
                            </tr>
                            <tr>
                                <td colspan='2' class='centerminiimage'>                                    
                                    <a href='%s' class='fancy' title='%s'><img src='%s' class='newtovarimage'/></a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan='2' class='zenabox'>
                                <span class='zena_tovara'>Цена %s рублей</span>$nalichie
                                </td>
                            </tr>
                            <tr class='zenabox' align='center'>
                                <td>
                                    <form method='post' action='' class='jcart' name='mycart' id='MyFrm'>
                                        <input type='hidden' name='my-item-id' value='%s' />
                                        <input type='hidden' name='my-item-name' value='%s' />
                                        <input type='hidden' name='my-item-price' value='0' />
                                        <input type='hidden' name='my-item-qty' value='1' size='3'/>
                                        <input type='image' src='image/knopka_soobchit.gif' 
                                            name='my-add-button' value='Сообщить о поступлении' id='button_sakas'/>
                                    </form>                                                                 
                                </td>
                                <td>
                                    <div id='sub5'>
                                        <a href='view_p.php?id=%s' title='Подробнее'>
                                            Подробнее
                                        </a>
                                    </div>
                                </td>
                            </tr>                  
                            <tr valign='bottom' class='zenabox'>
                                <td height='10' class='blockstyle1'><img src='image/bottomleftcentertwo.gif' width='10'
                                height='10' /></td>
                                <td class='blockstyle2'><img src='image/bottomrightcentertwo.gif' width='10' height='10'/></td>
                            </tr>
                        </table>", 
                            $myarrayres_catalog["title"],$myarrayres_catalog["big_image"],$myarrayres_catalog["title"],
                            $myarrayres_catalog["mini_image"],$myarrayres_catalog["cena"],$myarrayres_catalog["id"],
                            $myarrayres_catalog["title"],$myarrayres_catalog["id"]);
                    }
                else
                    {
                        $nalichie = " ";
                        printf (
                        "<table border='0' cellspacing='0' cellpadding='0' class='blockstylecentertwo' valign='top'>
                            <tr>
                                <td class='blockstyle1'><img src='image/topleftcentertwo.gif' width='10' height='10' /></td>
                                <td class='blockstyle2'><img src='image/toprightcentertwo.gif' width='10' height='10' /></td>
                            </tr>
                            <tr>
                                <td colspan='2' class='centerminiblock'>
                                <span id='name_tovar'>%s</span>
                                </td>
                            </tr>
                            <tr>
                                <td colspan='2' class='centerminiblockline'></td>
                            </tr>
                            <tr>
                                <td colspan='2' class='centerminiimage'>                                    
                                    <a href='%s' class='fancy' title='%s'><img src='%s' class='newtovarimage'/></a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan='2' class='zenabox'>
                                <span class='zena_tovara'>Цена %s рублей</span>$nalichie
                                </td>
                            </tr>
                            <tr class='zenabox' align='center'>
                                <td>
                                    <form method='post' action='' class='jcart' name='mycart' id='MyFrm'>
                                        <input type='hidden' name='my-item-id' value='%s' />
                                        <input type='hidden' name='my-item-name' value='%s' />
                                        <input type='hidden' name='my-item-price' value='%s' />
                                        <input type='hidden' name='my-item-qty' value='1' size='3'/>
                                        <input type='image' src='image/knopka_sakas.gif' 
                                            name='my-add-button' value='В корзину' id='button_sakas'/>
                                    </form>                                                                 
                                </td>
                                <td>
                                    <div id='sub5'>
                                        <a href='view_p.php?id=%s' title='Подробнее'>
                                            Подробнее
                                        </a>
                                    </div>
                                </td>
                            </tr>                  
                            <tr valign='bottom' class='zenabox'>
                                <td height='10' class='blockstyle1'><img src='image/bottomleftcentertwo.gif' width='10'
                                height='10' /></td>
                                <td class='blockstyle2'><img src='image/bottomrightcentertwo.gif' width='10' height='10'/></td>
                            </tr>
                        </table>", 
                        $myarrayres_catalog["title"],$myarrayres_catalog["big_image"],$myarrayres_catalog["title"],
                        $myarrayres_catalog["mini_image"],$myarrayres_catalog["cena"],$myarrayres_catalog["id"],
                        $myarrayres_catalog["title"],$myarrayres_catalog["cena"],$myarrayres_catalog["id"]);
                    }
            }
        while ($myarrayres_catalog = mysql_fetch_array($res_catalog));                          
    }
}
?>          
                </span>
            </div>
            <div align='center'>
            <?php 
                                // Проверяем нужны ли стрелки назад
                                if ($page != 1) $pervpage = '<a href=catalog.php?page=1>Первая</a> | 
                                <a href=catalog.php?page='. ($page - 1) .'>Предыдущая</a> | ';
                                // Проверяем нужны ли стрелки вперед
                                if ($page != $total) $nextpage = ' | <a href=catalog.php?page='. ($page + 1) .
                                '>Следующая</a> | <a href=catalog.php?page=' .$total. '>Последняя</a>';
                                // Находим две ближайшие станицы с обоих краев, если они есть
                                if($page - 5 > 0) $page5left = ' <a href=catalog.php?page='. ($page - 5) .'>'. 
                                ($page - 5) .'</a> | ';
                                if($page - 4 > 0) $page4left = ' <a href=catalog.php?page='. ($page - 4) .'>'. 
                                ($page - 4) .'</a> | ';
                                if($page - 3 > 0) $page3left = ' <a href=catalog.php?page='. ($page - 3) .'>'. 
                                ($page - 3) .'</a> | ';
                                if($page - 2 > 0) $page2left = ' <a href=catalog.php?page='. ($page - 2) .'>'. 
                                ($page - 2) .'</a> | ';
                                if($page - 1 > 0) $page1left = '<a href=catalog.php?page='. ($page - 1) .'>'. 
                                ($page - 1) .'</a> | ';
                                if($page + 5 <= $total) $page5right = ' | <a href=catalog.php?page='. ($page + 5) 
                                .'>'. ($page + 5) .'</a>';
                                if($page + 4 <= $total) $page4right = ' | <a href=catalog.php?page='. ($page + 4) 
                                .'>'. ($page + 4) .'</a>';
                                if($page + 3 <= $total) $page3right = ' | <a href=catalog.php?page='. ($page + 3) 
                                .'>'. ($page + 3) .'</a>';
                                if($page + 2 <= $total) $page2right = ' | <a href=catalog.php?page='. ($page + 2) 
                                .'>'. ($page + 2) .'</a>';
                                if($page + 1 <= $total) $page1right = ' | <a href=catalog.php?page='. ($page + 1) 
                                .'>'. ($page + 1) .'</a>';
                                // Вывод меню если страниц больше одной
                                if ($total > 1)
                                    {
                                        Error_Reporting(E_ALL & ~E_NOTICE);
                                        echo "<div class=\"pstrnav\">";
                                        echo $pervpage.$page5left.$page4left.$page3left.$page2left.$page1left.'<b>'.$page.'</b>'
                                        .$page1right.$page2right.$page3right.$page4right.$page5right.$nextpage;
                                        echo "</div>";
                                    }
            ?>
            </div>           
            </td>
          </tr>

И

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/*стиль для элемента с товаром*/
.blockstylecentertwo { 
background-color:#f6f6f6; 
width:212px;
height:235px;
float:left;
margin-right:5px;
margin-left:14px !important;
margin-left:6px;
margin-bottom:14px;
}
 
/*стили для блоков с товарами*/
.tovar {
width:100%;
text-align:center;
}
 
#tovar2 {
margin:0px auto;
width:auto;
display:table;
margin-bottom:16px;
}
 
/*Хак для Internet Explorer 6*/
* html .tovar span {
display: inline-block;
}
 
/*Хак для Internet Explorer 7*/
*:first-child+html .tovar span {
display: inline-block;
}

И теперь все выравнено при любом разрешении в IE, но в Firefox и Opera, выравнивает только когда один или два блока с товарами...

Если убрать хаки для IE, то выравнивание в IE тоже будет по левому краю...

Добавлено через 14 минут
Это таблица и есть один из шести блоков сверху....

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<table border='0' cellspacing='0' cellpadding='0' class='blockstylecentertwo' valign='top'>
<tr>
   <td class='blockstyle1'><img src='image/topleftcentertwo.gif' width='10' height='10' /></td>
   <td class='blockstyle2'><img src='image/toprightcentertwo.gif' width='10' height='10' /></td>
</tr>
<tr>
<td colspan='2' class='centerminiblock'>
<span id='name_tovar'>%s</span>
</td>
</tr>
<tr>
<td colspan='2' class='centerminiblockline'></td>
</tr>
<tr>
<td colspan='2' class='centerminiimage'>                                                                        
<a href='%s' class='fancy' title='%s'><img src='%s' class='newtovarimage'/></a>
</td>
</tr>
<tr>
<td colspan='2' class='zenabox'>
<span class='zena_tovara'>Цена %s рублей</span>$nalichie
</td>
</tr>
<tr class='zenabox' align='center'>
<td>
<form method='post' action='' class='jcart' name='mycart' id='MyFrm'>
<input type='hidden' name='my-item-id' value='%s' />
<input type='hidden' name='my-item-name' value='%s' />
<input type='hidden' name='my-item-price' value='0' />
<input type='hidden' name='my-item-qty' value='1' size='3'/>
<input type='image' src='image/knopka_soobchit.gif' name='my-add-button' value='Сообщить о поступлении' id='button_sakas'/>                                                                      </form>                                                                                                                                 
</td>
<td>
<div id='sub5'>
<a href='view_p.php?id=%s' title='Подробнее'>
Подробнее
</a>
</div>
</td>
</tr>                  
<tr valign='bottom' class='zenabox'>
<td height='10' class='blockstyle1'><img src='image/bottomleftcentertwo.gif' width='10' height='10' /></td>
<td class='blockstyle2'><img src='image/bottomrightcentertwo.gif' width='10' height='10'/></td>
</tr>
</table>

Добавлено через 32 минуты

Добавлено через 3 минуты
Основному блоку прописать margin 0 auto;
Не работает не выравнивает блоки по центру

@4umYOUser · 14.02.2011, 18:08

Luter1984, можешь вставить всю свою таблицу в див-контейнер и написать:

CSS
1
2
3
4
5
6
7
.container {
    width:1000px;
    position:relative;
    top:0px;
    left:-500px;
    margin-left:50%;
}

после этого всегда будет по центру

@Luter1984 · 14.02.2011, 19:10 **[ТС]**

Но это означает, что будет выровнена вся страница сайта и ширина станет фиксированной в 1000px;
Такой вариант не подходит...
Проблема здесь, что для IE работает свойство display:

CSS
1
display: inline-block;

, тем самым обеспечивая правильное выравнивание, а для Firefox и Opera выравнивания не происходит...

Добавлено через 4 минуты
Почему если один или два блока(таблицы) с товаром, то все работает одинаково для всех браузеров...Но если сменить разрешение экрана или уменьшить окно браузера, т.е. когда в линию будут помещаться два блока с товаром в IE все отобразится по центру, а в Firefox и Opera, сместится влево и никакие стили форматирования не помогают...Удалось решить проблему только для IE с помощью хаков

Добавлено через 1 минуту
Может ли это быть связано с динамическим выводом в цикле содержимого таблиц из базы MySQL

@Luter1984 · 14.02.2011, 19:25 **[ТС]**

Здесь в рисунках:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/*стиль для элемента с товаром*/
.blockstylecentertwo { 
background-color:#f6f6f6; 
width:212px;
height:235px;
float:left;
margin-right:5px;
margin-left:14px !important;
margin-left:6px;
margin-bottom:14px;
}
 
/*стили для блоков с товарами*/
.tovar {
width:100%;
text-align:center;
}
 
#tovar2 {
margin:0px auto;
width:auto;
display:table;
margin-bottom:16px;
}
 
/*Хак для Internet Explorer 6*/
* html .tovar span {
display: inline-block;
}
 
/*Хак для Internet Explorer 7*/
*:first-child+html .tovar span {
display: inline-block;
}

@Mailo · 14.02.2011, 19:43

кинь сайт на площадку я в лисе подвигаю

@Luter1984 · 14.02.2011, 19:54 **[ТС]**

Сообщение от Mailo

кинь сайт на площадку я в лисе подвигаю

Что значит на площадку?..

Он еще на локальном...

Добавлено через 7 минут
Проблема с применением float:left...Если да, то можно ли ее обойти

@Mailo · 14.02.2011, 19:57

Luter1984, ха, не думал что там float:left есть тогда понятно....обойти все можно.
На площадку всмысле на хостинг если есть, ну или на локальном компе в инет вывесить.

@Luter1984 · 14.02.2011, 20:01 **[ТС]**

Дл Internet explorer уже все работает, т.е работает код:

CSS
1
2
3
4
5
6
7
8
/*Хак для Internet Explorer 6*/
* html .tovar span {
display: inline-block;
}
 /*Хак для Internet Explorer 7*/
*:first-child+html .tovar span {
display: inline-block;
}

Можно ли аналогичные свойства дать для Firefox и Opera
Или нужно лезть в JavaScript и пытаться решить проблему его средствами?

@Mailo · 14.02.2011, 20:06

Дык для нормальных браузеров всё так же пишется: display: inline-block;

http://htmlbook.ru/css/display

@Luter1984 · 14.02.2011, 20:59 **[ТС]**

Но никак не хочет работать, чтобы не делал выравнивание в Opera и Firefox по левому краю

Добавлено через 52 секунды
Если только один или два элемента, а может поместиться третий будет по центру

@Mailo · 14.02.2011, 23:30

Ну собственно, по тем эскизам, что я видел я вообще не понимаю нафига float:left для этой таблицы нужно, вроде бы справа её ничего не обтекает, ну и опять же....площядку давай, что эти разговоры разговаривать.

@Luter1984 · 15.02.2011, 02:08 **[ТС]**

Свойство float:left применяется только для миниблоков с товаром, не для общей таблицы

Добавлено через 1 час 31 минуту
Задача точная копия этой http://www.php.ru/forum/viewtopic.php?t=28767

Добавлено через 59 минут
Решил задачу через запись в CSS:

CSS
1
2
3
4
5
 display:-moz-inline-stack;/*Нужно для Firefox*/
 display:inline-block; /*Не применяется в IE и Firefox*/
 _overflow:hidden;/*фикс для IE6*/
 zoom:1;/*включаем hasLayout*/
 *display:inline;/*при hasLayout true display:inline ведёт себя как display:inline-block*/

Теперь все работает как нужно...

Mailo спасибо Вам за участие

@Mailo · 15.02.2011, 02:38

да не за что - сам всё сделал

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Luter1984 5 / 5 / 2 Регистрация: 20.01.2011 Сообщений: 75

	Выравнивание содержимого div блока 14.02.2011, 13:58. Показов 29535. Ответов 14 Метки нет (Все метки) Добрый день!!! Уже второй день мучаюсь с выравниванием содержимого div блока по центру, вроде все попробовал но нужного результата не получил...Может кто подскажет? На странице применяется табличная верстка Все содержимое элемента, который мне нужно выровнить находится внутри центрально столбца таблицы и огранен div блоком..Каждый товар является табличкой со свойством: float:left...Т.е. в зависимости от размера монитора или окна браузера в одну строку будет входить разное количество элементов с товаром (2 или 3)...Но вот отодвинуть минитаблицы с товаром друг от друга и выравнить их все посередине никак не получается... 0

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	14.02.2011, 15:04
	Luter1984, везде margin. 1) прописываешь левые и правые маржины классам или id блоков, тех что 6 на картинке, судя по размерам они одинаковые и класс для них следует использовать один и тот же. 2) Основному блоку прописать margin 0 auto; P.S. Если в первом случае используется таблица, то тогда атрибут cellspacing 1

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	14.02.2011, 19:43
	кинь сайт на площадку я в лисе подвигаю 1

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	14.02.2011, 19:57
	Luter1984, ха, не думал что там float:left есть тогда понятно....обойти все можно. На площадку всмысле на хостинг если есть, ну или на локальном компе в инет вывесить. 1

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	14.02.2011, 20:06
	Дык для нормальных браузеров всё так же пишется: display: inline-block; http://htmlbook.ru/css/display 1

@Luter1984 5 / 5 / 2 Регистрация: 20.01.2011 Сообщений: 75
	14.02.2011, 20:59 [ТС]
	Но никак не хочет работать, чтобы не делал выравнивание в Opera и Firefox по левому краю Добавлено через 52 секунды Если только один или два элемента, а может поместиться третий будет по центру 0

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	14.02.2011, 23:30
	Ну собственно, по тем эскизам, что я видел я вообще не понимаю нафига float:left для этой таблицы нужно, вроде бы справа её ничего не обтекает, ну и опять же....площядку давай, что эти разговоры разговаривать. 1

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	15.02.2011, 02:38
	да не за что - сам всё сделал 1