Выровнить элементы по горизонтали как в таблице

Да блин... СSS штука несовершенная.

Получается, что дивы display:inline исключают внутри себя центровку,

display:table исключает перенос блоков вниз.

C float тоже проблема. Центруют нормально, но после трёх блоков див float, обёрнутых в общий див, следующий блок - менюшка уходит в небытие. Видимо выносит её вправо за пределы браузера.

Т. е в такой конструкции див класс "меню" уже просто исчезает...

<div style="width: 100%;display:block; text-align:center;">

<div style='width: 33.33%; text-align:center;float:left;'><img src="files/logo.png" alt="" style=""></a></div>

<div style='width: 33.33%;text-align:center;float:left;'><img src="files/info.png" alt="" style=" margin:auto" /></div>

<div style='width: 33.33%; text-align:center;float:left;'><img src="files/phone.png" alt="" style=""></a></div>

</div>

<div class='menu' ...... </div>

Если у дива с шириной 100% задать высоту больше, чем у внутренних, то все Ок будет.

Точно!! Всё получилось, как хотел.

Спасибо!!!!

А я уж было решил наплевать на валидатор, прикрутил картинкам align=center, они в дивах display:inline-block нормально центруют

:)

Но можно проще и универсальнее. Перед меню:

<br style="clear: both"> 

По первой моей ссылке посмотрите.

Ага. Понял. не знал про clear:both.

br там вроде как лишняя фишка, добавил для меню в стили clear:both