Определение ширины блока (HTML & CSS)

Разговоры на любые темы: вы можете обсудить здесь какой-либо сайт, найти единомышленников или просто пообщаться...
Diamock
Постоялец
Постоялец
Аватара пользователя
 
Сообщения: 388
Зарегистрирован: 26.10.2009 (Пн) 4:19
Откуда: Кемерово

Определение ширины блока (HTML & CSS)

Сообщение Diamock » 16.10.2011 (Вс) 18:35

Верстаю страницу используя блоки.
Вот фрагмент кода css:
Код: Выделить всё
/* Заголовок таблицы */
#TopLeft{
   float: left;
   padding: 0;
   margin: 0;
   height: 30px;
   width: 5;
   background: #404040;
}

#TopCenter{
   padding: 0;
   margin: 0;
   height: 30px;
   width: 100%;
   background: #404040 url(picture/Header.Content.Top.Center.png) repeat-x;
}

#TopRight{
   float: right;
   padding: 0;
   margin: 0;
   height: 30px;
   width: 5;
   background: #404040;
}
/* Конец заголовка таблицы */

Вопрос таков:
Ширина (width) правого и левого блоков 5 пикселей, ширина центрального блока 100%, что не совсем верно.
Как определить ширину центрального блока? Интутивно понимаю, что нужно использовать функцию (формулу), но не могу сообразить - знаний не хватает.
На vb это сделал бы так: :)
Код: Выделить всё
TopCenter.Width = Width - (TopLeft.Width + TopRight.Width)

а, как это сделать применительно к HTML и CSS, не могу понять :( .
Пример прилагю.
exemple.zip
(14.49 Кб) Скачиваний: 64

Ps. Может быть, открыть на нашем форуме раздел: HTML/CSS/PHP? Что бы не загромождать "Народный трёп". Не хочеться, покидать родную конференцию :roll: ...
In der Beschrankung zeigt sich erst der Meister
Графоманю...

Qwertiy
Доктор VB наук
Доктор VB наук
 
Сообщения: 2753
Зарегистрирован: 26.06.2011 (Вс) 21:26

Сообщение Qwertiy » 16.10.2011 (Вс) 19:22

На самом деле, это неверно, но, кажется, браузеры понимают:
Код: Выделить всё
width: 100%-10px;
Обрати внимание, что без пробелов.

А вот число без единиц измерения, кажется не работало, если это не 0.


Вернуться в Народный треп

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 52

    TopList