Как правильно сделать?

[nektome]

Здравствуйте!

Как правильно сверстатать с помощью дивов такое расположение:

Тоесть нужно сделать так:

Спасибо!

[Softlink]

Вариантов может быть несколько. Расскажите в каком контексте эти блоки.

[nektome]

Вариантов может быть несколько. Расскажите в каком контексте эти блоки.

Это просто должно быть в диве высотой 267px, шириной 1000px и нужен отступ от левого края 20px и 30 px сверху.

Простите если неясно изъясняю. Не профессинал.

[NeoXidizer]

можно так http://jsfiddle.net/NBfZv/

[Radiocity]

Это просто должно быть в диве высотой 267px, шириной 1000px и нужен отступ от левого края 20px и 30 px сверху.

Простите если неясно изъясняю. Не профессинал.

http://jsfiddle.net/jrSCg/

Информация по позиционированию:

http://htmlbook.ru/css/position

Также обратите внимание на полупрозрачную тень под логотипом. Если Вы делаете ее картинкой, то относительное позиционирование позволит точно подогнать угол описания.

В приведенном примере параметры тени и полупрозрачности не учитывают кроссбраузерность.

Вариант от NeoXidizer прост и гениален, но , к сожалению, не учитывает контент блока описания произвольной длины.

Edited April 21, 2012 by Radiocity

[NeoXidizer]

Вариант от NeoXidizer прост и гениален, но , к сожалению, не учитывает контент блока описания произвольной длины.

я к этому и не стремился. Создавал пример, отталкиваясь от изображений

содержание таких блоков, судя по всему, будет меняться только при следующем редизайне

[Svatov]

Мне вообще кажется это часть ad-blocka который надо делать одним изображением.

[nektome]

Всем спасибо!

[nektome]

Это просто должно быть в диве высотой 267px, шириной 1000px и нужен отступ от левого края 20px и 30 px сверху.

Простите если неясно изъясняю. Не профессинал.

http://jsfiddle.net/jrSCg/

Информация по позиционированию:

http://htmlbook.ru/css/position

Также обратите внимание на полупрозрачную тень под логотипом. Если Вы делаете ее картинкой, то относительное позиционирование позволит точно подогнать угол описания.

В приведенном примере параметры тени и полупрозрачности не учитывают кроссбраузерность.

Вариант от NeoXidizer прост и гениален, но , к сожалению, не учитывает контент блока описания произвольной длины.

А как сделать так, чтобы текст в блоке с классом text был непрозрачным?