Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 29.11.2013 15:08

Corvin
Новичок
Зарегистрирован: 29.11.2013
Сообщений: 3

Блочная верстка с границами

Всем доброго!

Верстаю страницу, на которой информация располагается в прямоугольных блоках одинакового размера, вроде такого:

http://picamatic.com/show/2009/11/29/03/23/6117919_bigthumb.jpg

Блоки должны занимать все отведенное им место, в том числе и при изменении размера страницы пользователем. Это легко достигается при помощи установки float:left у блоков (которые есть дивы с фиксированным размером). Но есть у меня 2 проблемы.

1. Как видно на картинке, крайние границы должны отсутствовать. Т.е. должен отсутствовать левый бордер у всех блоков, которые слева, правый - у всех, которые справа, верхний у всех, которые сверху и т.п.

Вариант установки border-left и border-bottom для блоков приводит к тому, что справа и сверху все выглядит как надо, а снизу и слева - есть границы. Что можно сделать, чтобы их не было?

2. Как можно расположить блок фиксированного размера в фиксированном месте (или в центре) страницы так, чтобы остальные блоки естественным образом располагались вокруг него?

Спасибо.

Нет на форуме

 

#2 30.11.2013 09:59

КузмичЪ
Разбирающийся
Зарегистрирован: 14.04.2010
Сообщений: 65

Re: Блочная верстка с границами

1. Добавляется блок-обертка с overflow:hidden а для блоков задается border-left и margin-left:-1px. Таким образом левая граница скрывается за блоком-оберткой.
2. Возможно с помощью позиционирования, но как точно, не знаю.

Нет на форуме

 

#3 30.11.2013 15:30

Corvin
Новичок
Зарегистрирован: 29.11.2013
Сообщений: 3

Re: Блочная верстка с границами

За 1 спасибо большое!

А 2 вобще можно сделать при помощи ЦСС?

Нет на форуме

 

#4 01.12.2013 09:00

КузмичЪ
Разбирающийся
Зарегистрирован: 14.04.2010
Сообщений: 65

Re: Блочная верстка с границами

А 2 вобще можно сделать при помощи ЦСС?

думаю, что нет

Нет на форуме

 

#5 02.12.2013 12:23

Newone
Разбирающийся
Зарегистрирован: 17.10.2012
Сообщений: 89

Re: Блочная верстка с границами

Corvin написал:

За 1 спасибо большое!

А 2 вобще можно сделать при помощи ЦСС?

Можно только с помощью JS. Но, подозреваю, ни скорость работы на клиенте, ни реализация Вам не понравится.

Нет на форуме

 

Board footer