Пыха всегда с тобой

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Мы в твиттере!
Мы вконтакте!
Мы на яндексе!

Краснодарское время: 25 Май, 2012, 04:57:51

Страниц: [1] 2
Печать
Автор Тема: absolute,relative,муки  (Прочитано 438 раз)
0 Пользователей и 1 Гость смотрят эту тему.
iphine5g    ↓ 
15 Октябрь, 2011, 07:09:17
НЕ ХУЕТА! ХУЕТА!


Карма: -2
Сообщений: 224
Сила слова: -0.89

Заставляют делать верстку, вот учусь емае. Спасайте профи
 

Смысл вот в чем.
 
Есть мать relative.
 
приложение:

 
Нужно в материнском relative, разместить 2 параллельных динамичных блока. Контент блоков может изменять в высоту. Я пробовал разместить их разными способами. Пробовала float для начала, но материнский блок при использовании float не «пускает» дочерний во всю длину…
Пробовал их тоже сделать relative, но тогда первый блок при изменении длины цепляет второй и его тащит вниз))  
Спустя 1 минуту 15 секунд добавил
Динамичный прошу прощения))
Записан
Givi    ↓ 
15 Октябрь, 2011, 11:41:16 , спустя 4 часа 31 минуту 59 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2305
Сила слова: 1.82

iphine5g, чё те надо-то, а?
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
iphine5g    ↓ 
16 Октябрь, 2011, 01:23:16 , спустя 1 час 42 минуты
НЕ ХУЕТА! ХУЕТА!


Карма: -2
Сообщений: 224
Сила слова: -0.89

Нужно в материнском relative, разместить 2 параллельных динамичных блока.
Нужно в материнском relative, разместить 2 параллельных динамичных блока.
Записан
artoodetoo    ↓ 
16 Октябрь, 2011, 02:52:17 , спустя 13 часов 29 минут 1 секунду
НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 124
Сообщений: 3805
Сила слова: 3.26

вот те денамичные блоки )))
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
 
<style type="text/css">
    .mom { background: #ccf; overflow: hidden; padding: 10px; }
    .son { float: left; }
    #son1 { background: #cfc; width: 200px; margin-right: -200px; }
    #son2 { background: #fcc; margin-left: 200px; }
</style>
 
<script type="text/javascript">
    function kickmyass(link)
    {
        link.innerHTML = link.innerHTML + ' oh my god! ';
        return false;
    }
</script>
 
</head>
<body>
<div class="mom">
    <div id="son1" class="son">
        <a href="#" onclick="javascript: return kickmyass(this);">the son #1</a>
    </div>
    <div id="son2" class="son">
        <a href="#" onclick="javascript: return kickmyass(this);">the son #2</a>
    </div>
</body>
</html>
relative непричем
(для IE6 нужны хаки, да и х с ним)
Записан
iphine5g    ↓ 
18 Октябрь, 2011, 08:39:10 , спустя 2 дня 5 часов 46 минут 53 секунды
НЕ ХУЕТА! ХУЕТА!


Карма: -2
Сообщений: 224
Сила слова: -0.89

artoodetoo, это конечно понятно, но проблема вот моя в чес - я детей делаю абсолютными.
 
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
 
<style type="text/css">
    .mom {border: 1px solid black; background: #ccf; overflow: hidden; padding: 10px; }
    .son { float: left; }
    #son1 { background: #cfc; border: 1px solid black; width: 200px; margin-right: -200px; }
    #son2 { background: #fcc; border: 1px solid black; width: 200px;position: absolute;left: 400px; }
</style>
 
<script type="text/javascript">
    function kickmyass(link)
    {
        link.innerHTML = link.innerHTML + ' oh my god! ';
        return false;
    }
</script>
 
</head>
<body>
<div class="mom">
    <div id="son1" class="son">
        <a href="#" onclick="javascript: return kickmyass(this);">the son #1</a>
    </div>
    <div id="son2" class="son">
        <a href="#" onclick="javascript: return kickmyass(this);">the son #2</a>
    </div>
</body>
</html>

 
Спустя 2 минуты 22 секунды добавил
и как видишь второй сын хулиганит
 
CSS
#son2 { background: #fcc; border: 1px solid black; width: 200px;position: absolute;left: 400px; }

Спустя 3 минуты 39 секунд добавил
я вообще если вижу что пользователь с ie кидаю его сюда  http://www.google.com/chrome
Записан
iphine5g    ↓ 
18 Октябрь, 2011, 08:46:20 , спустя 7 минут 10 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -2
Сообщений: 224
Сила слова: -0.89

я уже подумываю получать высоту сына и динамично задавать ее матери при помощи js
Записан
Givi    ↓ 
18 Октябрь, 2011, 09:09:10 , спустя 22 минуты 50 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2305
Сила слова: 1.82

Ты лучше бы просто подумал. Ибо любой блок является динамическим, если не указаны жестко его размеры.
Сколько всего колонок будет у тебя на сайте?
Ты хочешь сделать нечто такое: http://www.cssplay.co.uk/layouts/50-50-split.html ? Тогда юзай :)
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
iphine5g    ↓ 
18 Октябрь, 2011, 09:18:58 , спустя 9 минут 48 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -2
Сообщений: 224
Сила слова: -0.89


Ты лучше бы просто подумал. Ибо любой блок является динамическим, если не указаны жестко его размеры.
Сколько всего колонок будет у тебя на сайте?
Ты хочешь сделать нечто такое: http://www.cssplay.co.uk/layouts/50-50-split.html ? Тогда юзай :)
щас почитаю твою ссылку.
 

<script type="text/javascript">{literal}
Javascript
    var upc1h = $("#upc1").height();
    var sitebody_CRh = $("#sitebody_CR").height();
    alert(upc1h + ' ' + sitebody_CRh);
    if(upc1h > sitebody_CRh) {
         $("#sitebody_CR").height(50).css({backgroundColor:"green"});;
    }
{/literal}</script>

так не работает кстати. У нас раньше верстку делал человек за хорошую монету. Монет больше нет и под угрозой увольнения это повесили на меня(
Для меня "абсолютная верстка удобное оружие" но есть камни так сказать.
 
Givi , я только указывал минимальную высоту. Колонок ... ну как бы самих по себе колонок не будет. Это панель, там может все меняться каждый месяц. Но факт вот в чем - я абсолютно позиционирую дочерние элементы. Мне нужно если дочерний разросся, материнский тоже не стоял в сторонке. Пусть растягивается тоже мазафака. Вот в четвертом посте этой темы что мешает ему растянуться ??!
Записан
Stasovsky    ↓ 
18 Октябрь, 2011, 09:42:18 , спустя 23 минуты 20 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

Javascript
$('#mom').css('min-height', function() {
    return $('#son', this).height();
});
Записан
iphine5g    ↓ 
18 Октябрь, 2011, 10:42:18 , спустя 1 час
НЕ ХУЕТА! ХУЕТА!


Карма: -2
Сообщений: 224
Сила слова: -0.89


Javascript
$('#mom').css('min-height', function() {
    return $('#son', this).height();
});
ах ты чертов гений!))
Спустя 2 минуты 55 секунд добавил
ништяк))
Записан
Stasovsky    ↓ 
18 Октябрь, 2011, 11:45:54 , спустя 1 час 3 минуты 36 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

у тебя же только один абсолютный там сидит? если нет, то лучше дописать, чтоб максимальный брал
Записан
NRG    ↓ 
19 Октябрь, 2011, 12:04:35 , спустя 18 минут 41 секунду
НЕ ХУЕТА! ХУЕТА!

Headshot!MultiKill!
Группа: нинзя

Карма: 777
Сообщений: 4700
Сила слова: 16.81

Faux Columns   ?
Спустя 1 минуту 41 секунду добавил
http://cssing.org.ua/2004/09/10/flex-faux/
Записан

Буратино дрочил, дрочил и сгорел
Java и JavaScript это абсолютно разные вещи !!!
Господа, вы хуйня.
девушки краснели, отворачивались но порнуху продолжали смотреть
iphine5g    ↓ 
19 Октябрь, 2011, 08:14:07 , спустя 20 часов 9 минут 32 секунды
НЕ ХУЕТА! ХУЕТА!


Карма: -2
Сообщений: 224
Сила слова: -0.89


у тебя же только один абсолютный там сидит? если нет, то лучше дописать, чтоб максимальный брал
ок, я по цепочке буду наследовать их.
Записан
artoodetoo    ↓ 
20 Октябрь, 2011, 08:47:58 , спустя 12 часов 33 минуты 51 секунду
НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 124
Сообщений: 3805
Сила слова: 3.26

дяди поумней меня говорят: избегайте абсолютного позиционирования, по возможности. он лечит одну проблему и порождает 2 новые.
что за непреодолимые обстоятельства заставляют тебя использовать absolute для колонки?
 
разметка развалится без костылей javascript? -- полное говно, за такое сразу можно посылать версталу.
Записан
Stasovsky    ↓ 
20 Октябрь, 2011, 08:58:38 , спустя 10 минут 40 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3654
Сила слова: 1.48

я тоже не понял, для чего ему такое расположение. я юзаю абсолют если надо что-то перекрыт или вылезти за границы, а там хрен знает, что происходит))
Записан
Страниц: [1] 2
Печать
 

Перейти в:  

Этот топик скрыли: adw0rd, Ivan