Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как центрировать блок div с float (https://javascript.ru/forum/xhtml-html-css/14370-kak-centrirovat-blok-div-s-float.html)

PAMAC 13.01.2011 09:57

Как центрировать блок div с float
 
Здравствуйте!

<div id="ja" style="background:#ff7700; width:620px; height:44px; z-index:0; margin:0 auto;" align="center">
  <div style="width:80px; height:44px; float:left; background-color:#00FF00;">текст 1</div>
  <div style="width:80px; height:44px; float:left; background-color:#000;">текст 2</div>
</div>


Как сделать по центру блоки с текстом в блоке с id="ja"?
Или как можно добиться с помощью других элементов?

Нужно чтобы текст был по центру вертикально и горизонтально.

ksa 13.01.2011 10:21

Цитата:

Сообщение от PAMAC
Нужно чтобы текст был по центру вертикально и горизонтально.

Кроссбраузерно и в общем виде это делается только в ячейке таблицы... Ты ведь про сам текст имел ввиду? Не про дивы?

PAMAC 13.01.2011 10:30

Ну текст ладно, бог с ним...
Можно ли выровнять дивы с float?

ksa 13.01.2011 10:35

PAMAC, покажи картинкой что тебе нужно...

monolithed 13.01.2011 10:39

PAMAC, все можно, но сперва лучше показать:
Цитата:

Сообщение от ksa
что тебе нужно...


PAMAC 13.01.2011 10:40

Уже разобрался)
<div style="width:620px; background-color:#CCCCCC; height:44px; z-index:0;" align="center"><table cellpadding="0" cellspacing="0"><tr><td><div style="float:left; width:90px; height:44px; background-color:#00FFFF;" align="center">1</div><div style="float:left; width:120px; height:44px; background-color:#00FF00;" align="center">2</div></td></tr></table></div>
- вот такое нужно было)

Спасибо)

ksa 13.01.2011 10:43

PAMAC, такую "расстановку" дивов можно и абсолютным позиционированием сделать... Размеры ведь у тебя все фиксированные.


Часовой пояс GMT +3, время: 02:19.