Проблема заполнения/ширины. Могу ли я использовать размер окна с сеткой, например. Система сетки 960?

Я уже давно использую сетку 960, и у меня всегда возникают проблемы при добавлении отступов к моим элементам div.

Мне интересно, является ли хорошей/безопасной практикой изменение CSS системы сетки и добавление box-sizing: border-box в мои классы *grid_x*. Есть ли недостатки?

До сих пор я использовал внутренний div с дополнительными отступами, поэтому я не возился со своими div, содержащими классы сетки. Он работал нормально, но он просто заполняет мой макет дополнительными элементами div повсюду.

Является ли box-sizing хорошим вариантом или у вас есть другие обходные пути, решения, предложения?

Большое спасибо


padding css width grid-system 960.gs
person tif    schedule 16.06.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

я думаю, будет лучше, если вы добавите блок внутри grid_x, а затем добавите границу для блока.

вот пример

HTML:

<div class="grid_1">
    <div class="box">
        test
    </div>
</div>

CSS:

.grid_1 {
    width:100px;
    height:100px;
}
.box{
    border:1px solid red;
}
person yoel    schedule 16.06.2011
comment
Спасибо, @yoel. Это старый подход, я просто подумал, не лучше ли/проще использовать размер коробки. - person tif; 17.06.2011

arrow_upward
0
arrow_downward

Я думал о том же в суде. Я знаю, что тема Wordpress HTML Bones использует размер окна, и она отлично работает. Он не поддерживается в IE7 и более ранних версиях, поэтому вам нужно найти обходной путь. Помимо IE7, я бы сказал, что да.

edit: найден обходной путь IE7 http://code.google.com/p/ie7-js/ Работает как шарм!

person Rampant Creative Group    schedule 09.08.2011
comment
Спасибо за подсказку, обязательно попробую. - person tif; 20.10.2011