Архив рубрики 'CSS'

Опять про css выравнивание

Wednesday, October 24th, 2007

Про вертикальное выравнивание я уже писал, можно почитать тут и тут. Написать снова меня натолкнула статья Артема Курапова - Element alignment.

Выравнивание - стандартная задача для CSS. Ее можно разбить на три:

  1. Выравнивание строковых элементов
  2. Выравнивание блочных элементов
  3. Выравнивание блочных элементов вертикально

(more…)

CSS min-height быстрый хак

Friday, October 5th, 2007

Нашел очень элегантное и простое решение проблемы min-height в IE 6 (когда же им перестанут пользоваться?). Начиная с IE 7 beta 2 включили поддержку браузером свойств min-height, min-width, max-height, max-width (полный список CSS изменений можно посмотреть здесь)

CSS:
  1. #element {
  2.   min-height:400px;
  3.   height:auto !important;
  4.   height:400px;
  5. }

Решение было найдено у Dustin Diaz

CSS фильтры

Monday, June 4th, 2007

Тем, кто не использует условные комментарии в CSS, будет очень полезна таблица, представленная на сайте centricle.com. В ней описано, какой фильтр для какого браузера будет работать. Выглядит она следующим образом.

css filters

И собственно ссылка на нее

Стили границы в CSS3

Friday, June 1st, 2007

Вот такие стили границ ожидают нас в спецификации CSS3. Мне особенно понравилась wave.

css 3 border style

Хотя точка-точка-тире тоже впечатляет. Черновик W3C спецификации CSS3 можно посмотреть по этой ссылке

IE 6 и border

Thursday, May 3rd, 2007

Представим себе такой css код:

<style>
 #outer {
   border-left: solid 300px #ccc;
   height: 100%;
 }

 #inner {
   margin-left: -200px;
 }
</style>

Для такого html кода:

<div id="outer">

   <div id="inner" >Тут будет сад</div>

</div>

Так это будет выглядеть в Firefox 2.0.0.3 и IE 7:

ie 6 border bug

Так будет выглядеть в IE 6:

ie 6 bug border margin (more...)