Вопрос к гуру по CSS

#second {
float:left;
}
#first {
float:right;
}

MerryRobby, в данном случае оба блока позиционируются по горизонтали, а по вертикали все так же следуют один за другим в порядке написания кода.

Ума не приложу. float:left для обоих, но тогда второй уедет. через js тока наверно.

или еще float:right для обоих попробуйте

frantic, в любом случае оба блока будут позиционироваться по горизонтали.

К нижнему блоку можно применить абсолютное позиционирование, а верхний сместить вниз на определенное расстояние. Но при заполняемости second неизменно налезет на first.

<div id="wrap">
   <div>Текст</div>
   <div style="overflow:hidden"><div style="float:right;position:relative">Текст</div></div>
</div>

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

Кофейник добавил 22.02.2010 в 17:03

И вообще нарисуйте картинку результата, который хотите получить.

emsti, ну если для врапа задать фикс. ширину, тогда один из блоков сползет

Собственно говоря, это обычный трехколоночный дививый шаблон, где центральная колонка содержит два блока, самый верхний из которых не является важным для поисковиков. А вот нижний - с текстом - в html-коде должен быть первым.

так бы сразу и сказали. отрицательным маржином это делается

css Вам ни чего не даст, в какой последовательности идут дивы в коде по такой они и будут кушаться ботами, меняйте сами блоки:)

ксс отвечает только за внешний вид сайт, преимущественно используется как средство оформления веб-страниц

Имеется в виду margin-top?

emsti добавил 22.02.2010 в 18:44

JIucky, у меня в коде и идет сначала первый, а за ним второй. Но визуально мне нужно наоборот.