Форум Сайтостроение Веб-строительство

Подскажите как сверстать 3 блока таким образом

aleksey_php
На сайте с 17.03.2008
Offline
53
aleksey_php
450

Помогите валидно и кроссбраузерно сверстать 3 блока в центре страницы так, как показано во вложении:

jpg verstka.jpg
S
На сайте с 18.06.2008
Offline
23
Slamm
#1

А тебе как отписать? Текстом суда?))

верстка html+css. Блоками и таблицами. качественно и быстро. флеш. (/ru/forum/445317)
aleksey_php
На сайте с 17.03.2008
Offline
53
aleksey_php
#2

Ну как бы да... В любом случае уже не надо.

Anarchist
На сайте с 23.07.2008
Offline
185
Anarchist
#3

Мой наркоманский вариант))

<div align="center">
<div style="border: 3px solid black; width: 200px; height: 200px; margin-bottom: 50px;">Блок №1</div>
<div style="width: 460px;">
<div style="border: 3px solid black; width: 200px; height: 200px; float:left; margin-right: 40px;">Блок №2</div>
<div style="border: 3px solid black; width: 200px; height: 200px; float:left;">Блок №3</div>
</div>
</div>

Anarchist добавил 14.03.2009 в 02:36

aleksey_php:
В любом случае уже не надо.

блин... Ну... Ну и ладно)

aleksey_php
На сайте с 17.03.2008
Offline
53
aleksey_php
#4

Спасибо, Anarchist. Попробую этот вариант.

PS а разве у тега div есть свойство align? Я про валидность...

Mr.Roman
На сайте с 15.09.2008
Offline
68
Mr.Roman
#5

Вот вам в помощь http://browsershots.org/

С уважением, к адекватным людям.
Anarchist
На сайте с 23.07.2008
Offline
185
Anarchist
#6
aleksey_php:
PS а разве у тега div есть свойство align? Я про валидность...

Зависит от доктайпа. Если у вас

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

То валидатор радостно горит зеленым огоньком.

Если будете использовать это вариант, то сами поиграйтесь с циферками... У меня несколько топорно получилось)

Ну, к тому же не претендую на то, что это самый лучший вариант)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий