От пыхи не убежишь

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

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

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

Новости

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

Краснодарское время: 11 Февраль, 2012, 06:17:05

Страниц: 1 [2]
Печать
Автор Тема: проверьте на ваших дисплеях  (Прочитано 992 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Givi    ↓ 
14 Февраль, 2010, 04:53:59
НЕ ХУЕТА! ХУЕТА!

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

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

kamachi, потому как рамка добавляет по два пикселя на блок (слава пиксель и справа пиксель).
И вообще, в каком из браузеров ты проверяешь?
Спустя 4 минуты добавил
e-petrov.ru/test/three-column - реально это туфта полная. Тут же высота фиксированная, а следовательно, уже не айс.
Хочешь получить три колонки одинковой высоты - придется извращатся... http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/ - это пока самое лучшее что нашел для старта. От неё делал производные под свои нужды. Но в целом стараюсь не парить мозг одинаковостю колонок по высоте. Хотя тут все зависит от дизайна.
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
kamachi    ↓ 
14 Февраль, 2010, 05:38:05 , спустя 44 минуты 6 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -15
Сообщений: 320
Сила слова: -4.69


kamachi, потому как рамка добавляет по два пикселя на блок (слава пиксель и справа пиксель).
И вообще, в каком из браузеров ты проверяешь?
Спустя 4 минуты добавил
e-petrov.ru/test/three-column - реально это туфта полная. Тут же высота фиксированная, а следовательно, уже не айс.
Хочешь получить три колонки одинковой высоты - придется извращатся... http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/ - это пока самое лучшее что нашел для старта. От неё делал производные под свои нужды. Но в целом стараюсь не парить мозг одинаковостю колонок по высоте. Хотя тут все зависит от дизайна.
опера и файрфокс
Записан

Вы также можете использовать BB код и смайлы.
Givi    ↓ 
14 Февраль, 2010, 06:04:29 , спустя 26 минут 24 секунды
НЕ ХУЕТА! ХУЕТА!

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

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

kamachi, у меня ФФ. А перенос вероятнее всего из-за рамок произошел. Попробуй их поубирать. Потом паддинги/маржины тоже самое. Все по одному изменяй и проверяй.
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
kamachi    ↓ 
14 Февраль, 2010, 08:04:09 , спустя 1 час 59 минут 40 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -15
Сообщений: 320
Сила слова: -4.69

я решил твоим примером воспользоваться, но у меня пара вопросов.
 

HTML

<div id="container">
        <div id="content" class="column">
            <p>контент.</p>
        </div>
 
        <div id="left" class="column">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sollicitudin dolor nec nunc iaculis tincidunt...</p>
        </div>
 
        <div id="right" class="column">
            <p>Phasellus sollicitudin. Fusce ut tellus. Vivamus dapibus. Cras eu elit. Vestibulum ante ipsum primis in faucibus orci luctus et...</p>
        </div>
    </div>
 

вот у меня указано что container 100%
 
CSS
#container {
    height: auto !important;
    height: 100%; /* для IE6 */
    min-height: 100%;
}

 
а все остольный дивы content ,left,right у меня расположены в нем... у меня на ноуте маленький монитор, а я все на нем делаю.
 
Вот я хотел узнать, эти 3 колонки ведь буду позиционироваться относительно container'а ?? Или всеже на большом монеторе у меня они будут расплываться?
 

Записан

Вы также можете использовать BB код и смайлы.
Givi    ↓ 
14 Февраль, 2010, 11:20:48 , спустя 3 часа 16 минут 39 секунд
НЕ ХУЕТА! ХУЕТА!

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

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

kamachi, они именно относительно контейнера и позиционируются, так как это его дочерние блоки.
Ну и в целом, при 1280х800 все зашибись было с позиционированием и т.д. При большем не проверял - не на чем.
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
kamachi    ↓ 
17 Февраль, 2010, 01:40:18 , спустя 2 дня 14 часов 19 минут 30 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: -15
Сообщений: 320
Сила слова: -4.69

Народ может кто в теории мне это дело объяснить?
Можно ли к примеру разместить 3 контейнера рядом на станице просто указав маринг-лефт=5%, у второго допустим 9% и 3его 20... Как такой подход?
Записан

Вы также можете использовать BB код и смайлы.
Nyaah    ↓ 
17 Февраль, 2010, 06:08:58 , спустя 4 часа 28 минут 40 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 31
Сообщений: 479
Сила слова: 6.47

Марджины и паддинги в процентах лучше не задавать осёл это очень не любит - вёрстка разъежжается
Записан

Work, buy, consume, die
Givi    ↓ 
17 Февраль, 2010, 06:59:41 , спустя 50 минут 43 секунды
НЕ ХУЕТА! ХУЕТА!

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

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

kamachi, вообще можно, но тогда ты хрен угадаешь с шириной. Хотя, если она у тебя в процентах тоже у всех блоков (у всех трёх), то вполне реально. Но это гониво. Делай фиксированные маржины.
 
п.с. А если ты имеешь виду, чтоб разместить три блока в ряд, но без использования флоата, то можно ещё с использованием абсолютного позиционирования сделать.
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
Страниц: 1 [2]
Печать
 

Перейти в: