Див под дивом . Как автоматизировать ?

[dima4321]

Всем привет !!! ))

Значит делаю дивы блоками один за другим по правой стороне

Вот код css

.block1 { width: 200px;

background: #fc0;

padding: 5px;

border: solid 1px black;

font-size: 12pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

float: right;

.block2 { width: 300px;

background: #FFF5EE;

padding: 5px;

border: solid 1px black;

font-size: 10pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

position: relative;

top: 540px;

left: 212px;

float: right; }

А теперь вопрос.

1.Мне никак не подогнать правую сторону в IE . Чтобы они красиво были выравнены по правой стороне. пришлось выставить параметр left -212.... но это ведь колхоз должна же быть автоматизация.??

2. То же самое как понять воторому блоку где конец первого ?? чтобы он шел сразу за ним например или с отступом на 10 мм ниже. Мне пришлось выставить значение top 540. Но ведь длина блока у меня разная . И соответственно 540 только для данного случая..а при другом тексте не прокатит... Есть автоматизация.???

[psywalker]

Всем привет !!! ))

Значит делаю дивы блоками один за другим по правой стороне

Вот код css

А теперь вопрос.

1.Мне никак не подогнать правую сторону в IE . Чтобы они красиво были выравнены по правой стороне. пришлось выставить параметр left -212.... но это ведь колхоз должна же быть автоматизация.??

2. То же самое как понять воторому блоку где конец первого ?? чтобы он шел сразу за ним например или с отступом на 10 мм ниже. Мне пришлось выставить значение top 540. Но ведь длина блока у меня разная . И соответственно 540 только для данного случая..а при другом тексте не прокатит... Есть автоматизация.???

Верхнему блоку поставь clear: both;

[dima4321]

.block1 { width: 200px;

background: #fc0;

padding: 5px;

border: solid 1px black;

font-size: 12pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

float: right;

clear: both;

}

.block2 { width: 300px;

background: #FFF5EE;

padding: 5px;

border: solid 1px black;

font-size: 10pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

float: right; }

Размещает второй блок слева от первого !! А не ниже как хотелось бы ...

Ты напутал или я ??

Edited November 23, 2009 by dima4321

[shvv]

А что слева от этих блоков?

[dima4321]

а... на самом деле надо было во второй блок засунуть вот так

.block2 { width: 300px;

background: #FFF5EE;

padding: 5px;

border: solid 1px black;

font-size: 10pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

float: right;

clear: right;

А что слева от этих блоков?

а слева до хрена текста

[psywalker]

а... на самом деле надо было во второй блок засунуть вот так

.block2 { width: 300px;

background: #FFF5EE;

padding: 5px;

border: solid 1px black;

font-size: 10pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

float: right;

clear: right;

а слева до хрена текста

Давай скрин того, что хочешь получить

Edited November 23, 2009 by psywalker

[dima4321]

Давай скрин того, что хочешь получить

Дык я получил )) Все получилось. Вот код.

Я ж написал

.block1 { width: 200px;

background: #fc0;

padding: 5px;

border: solid 1px black;

font-size: 12pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

float: right;

.block2 { width: 300px;

background: #FFF5EE;

padding: 5px;

border: solid 1px black;

font-size: 10pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

position: relative;

top: 40px;

float: right;

clear: right;

}