При релатив выравнивании второй див будет выстраиваться за первым.
Лучше открой любой сайт по css и посмотри. На сайте Евгения Попова есть хорошая статья о разных типах выравнивания.
Ладно, начнем с азов.
<div> это контейнер. Сам по себе он ничего не несет. Ничего не выводит. Представь, что это невидимая таблица. В которую можно напихать, что угодно.
А вот когда ты используешь для его расположения абсолютное позиционирование, он выбивается из общего дизайна. И уже выступает как слой.
Тогда может быть сверху наложен на другие элементы дизайна.
Вроде понятно изложил!
Тут есть один нюанс.
Когда вы используете абсолютное позиционирование. То как бы вырываете блок из дизайна страницы и наклеиваете его на тех координатах, на которых указали.
Поэтому есть смысл использовать абсолютное позиционирование и для другого блока.
Либо использовать «релатив» позиционирование для блоков (тоесть, когда блоки будут выровнены по отношению друг к другу)
У новичка веб строительства после удачного созданию своего первого сайта сложилось впечатление, что это все просто и легко.
Жаль, что на самом деле это не так, хотя может и наоборот
+1
У одного элемента один фон не важно изображение это или просто цвет.
Поэтому нужно три контейнера для изображений: 1, 2, 3. А потом их между собой выровнять.
Либо абсолютным позиционированием, либо релативом (по отношению друг к другу).
Так же предложу посмотреть в сторону TimeWeb.
Если зарегистрируетесь через меня, тогда получите 20 процентную скидку. Подробности на моем блоге maypk.com.
Пока хостингом очень доволен. Служба поддержки реагирует очень быстро.
Хотя тьфу-тьфу, что бы ни сглазить!