| декабрь, 2007 | ||||||
| пн | вт | ср | чт | пт | сб | вс |
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 | ||||||
Может быть один взгляд назад, Мне откроет в будущее глаза..."Один взгляд назад"
К. Никольский
Вот уж не думал, не гадал, что тема max-width, min-width и min-height снова всплывет на страницах блога. По игрался не много, так больше для развлечения и хватит, увы…
Есть что-то притягательное во всем этом :)
Вагон и маленькая тележка дополнительных контейнеров, наводят тоску и грусть, но как иначе победить IE6? Дело даже не в том, что есть другие методы и приемы, просто смутная не удовлетворенность, почему имея такой мощный инструмент - "Каскадные таблицы стилей" и не используя ничего другого, не находится оптимального решения этой задачи.
В принципе ничего нового, упор сделан на максимальное упрощение html и css.
Не значительная особенность – в роли одного из контейнеров используется body.
css
* {margin:0;padding:0;}
html {background-color:#ccc;}
body {
background-color:#fff;
border:#000 1px solid;
margin:5px 10%;
padding:230px 0 0 500px;
}
.box {margin:-230px 0 0 -500px;padding:5px 0;}
*html .box {float:right;}
p {margin:5px 10px;}
html
<body>
<div class="box">
<p>TEXT</p>
</div>
</body>
Тест-страница живет здесь. Меняем размер шрифта. Играем с размерами окна браузера. Поклонники OPER-ы отдыхают, с ее дурной привычкой масштабировать всё и вся :)
Осталось набросать простенький шаблон, чтобы оценить, стоит ли овчинка выделки :)
Горизонтальный banner counters.php - width:494px;
| декабрь, 2007 | ||||||
| пн | вт | ср | чт | пт | сб | вс |
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 | ||||||