Проблема с шириной div'а @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 7 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Koty
новый человек
0
Сообщения: 3
Зарегистрирован: 12.01.06
Заголовок сообщения: Проблема с шириной div'а
Сообщение Добавлено: 13 Январь 2006, 14:54:18 
Помогите, пожалуйста, не могу сообразить.
Есть: <div class=text1>текст внутри дива</div>
Класс описывается: div.text1 {width: 200px; margin: 0px; padding: 0px; border: 1px solid #000;}
В IE и Opere все ок, но в Mozilla/ FireFox ширина дива 202 точки за счет бордера.
Есть ли решение сделать этот блок с однопиксельной обводкой во всех броузрах шириной 200 точек, не подсовывая разным броузерам разный css?
Зараннее спасибо.
czerny_angel Муж.
новый человек
1
Сообщения: 59
Зарегистрирован: 25.08.05
Сообщение Добавлено: 13 Январь 2006, 15:05:48 
хаком, например:
Код:
div.text1 {width: 200px; margin: 0px; padding: 0px; border: 1px solid #000;}
:root div.text1 {width: 198px; margin: 0px; padding: 0px; border: 1px solid #000;}

_________________
вы не умрете... // но вы не знаете об этом!
Koty
новый человек
0
Сообщения: 3
Зарегистрирован: 12.01.06
Сообщение Добавлено: 13 Январь 2006, 17:11:47 
Спасибо. Помогает.

А что делать в ситуации, когда ширина div задается в процентах? Есть пути, как растянуть содержимое на необходимую ширину в %, но чтоб бордеры и паддинги помещались "внутрь" этой ширины дива, а не увеличивали его?
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 16 Январь 2006, 12:07:48 
без хаков: ширина задается внешним контейнером, отступы -- вложенным(-и).

_________________
клетчатый!
.talisman Муж.
участник
84
Сообщения: 1562
Зарегистрирован: 13.01.05
Сообщение Добавлено: 16 Январь 2006, 12:24:35 
karamba, поддерживаю.
Koty
новый человек
0
Сообщения: 3
Зарегистрирован: 12.01.06
Сообщение Добавлено: 16 Январь 2006, 15:03:03 
Вариант без хаков с двумя вложенными див'ами работает, только если нет необходимости делать бордер. Или это не так? Напишите, плз, пример.
ipx
новый человек
3
Сообщения: 11
Зарегистрирован: 17.01.06
Сообщение Добавлено: 17 Январь 2006, 02:53:23 
Мне больше нравится способ с использованием Conditional Comments в IE. Т.к. Браузеры типа Firefox, Opera, Konqueror, Epiphany обрабатывают ширину и высоту одинаково, то изменения нужно внести только для IE.
Можно сделать так:
в основном CSS файле описать основные, общие стили, а в самом html вставить Conditional Comments (Описание здесь: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp), в которых описать ширину/высоту специально для IE. Работает и в 5.01 и в 5.5 и в 6 IE.[/url]
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 7 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100