Вот пример jsfiddle
Есть блок внутри которого ячейки. Между этими ячейками надо расчертить как-то сетку таким образом, чтобы эта сетка не касалась границ основного блока.
Вот так надо:
А что-то не пойму как это сделать. Подскажите пожалуйста.
UPD
Интересует вариант для произвольного количества блоков. К примеру, от 4-х до 20-ти.
Может быть какой-нибудь плагин для jquery есть или на чистом JS!?
Представим, что есть такой блок и в разрешении 1200px там десять таких блоков. Уменьшаем ширину окна браузера, уменьшаем количество блоков в одном ряду каждые 100px и что мы получаем? – Никаких дополнительных стилей не напасешься на такой вариант, перебор.
weranda: Ты сразу пиши в вопросе, что речь про динамичность... А то так не понятно, что именно не получается - дорисовать линию, там где нет контейнера, или что то иное. Чем точнее вопрос, тем точнее ответ. Обновил свой ответ.
weranda: Откуда отступ? Див фиксированной ширины чтоль? Если так, поставь зеркально бордер (border-right: 1px solid red -- border-left: 1px solid red), да заглушку перенеси: .cap2 {top:0;left:0;height:100%;width:1px}
weranda: Или проблема в том, что 1px отступ от рамки? Да кому он нужен, не смеши))
Да и в заглушки можно вставить картинку на bg, если ширина и высота фиксированы - где нарисовать рамку, да повторять ее через фикс расстояние.
Простой
