[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как заставить левый див наезжать на правый?
zvezda_t
Всем привет!

Как заставить левый див наезжать на правый?
http://jsfiddle.net/g3fwatff/5/

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
AllesKlar
офф: левый див наезжает на правый
user posted image


_____________
[продано копирайтерам]
bestxp
Задать отрицательный маргин с нужной стороны
zvezda_t
bestxp
так мне же нужно в процессе анимации чтобы наезд был, а не резко.

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
dron4ik
.parent {
background-color: yellow;
width: 410px;
position: relative;
}

.parent:after {
display: block;
clear: both;
content: '';
}

.l {
background-color: green;
float: left;
}

.r {
background-color: red;
float: left;
position: absolute;
right: 0;
top: 0;
}


Так?

_____________
Ex3m.com.ua — Активный образ жизни
Razzwan
Цитата
так мне же нужно в процессе анимации чтобы наезд был, а не резко.
zvezda_t
Razzwan, ты не смотрел мой пример) я именно эту ф-цию и использую... только наложение не получается красиво сделать.

dron4ik, так красный поверх зеленого, а нужно, чтоб зеленый был поверх красного.
А вообще да, похоже на истину) спасибо тебе!


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
rooor
z-index? я не силён в css...
.parent {
background-color: yellow;
width: 410px;
position: relative;
z-index:0;
}

.parent:after {
display: block;
clear: both;
content: '';
}

.l {
background-color: green;
float: left;
z-index:1;
}

.r {
background-color: red;
float: left;
position: absolute;
right: 0;
top: 0;
z-index:-1;
}
zvezda_t
rooor, да получилось) Кажется, это то что нужно, благодарю Вас!)))
пошла пробовать на рабочем примере! rolleyes.gif


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
zvezda_t
А почему с целочисленными значениями z-index не получается спрятать элемент?

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.