X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Блок div не держит ширину
lorahtml
lorahtml
Topic Starter сообщение 2.5.2008, 22:05; Ответить: lorahtml
Сообщение #1


Народ помогите понять, почему div не держит заданную ширину
имеется код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled</title>
<style type="text/css"> <!--
.a {font-size: 21px; width: 275px; padding: 10px; margin: 0px; background-color: white;}
.b {font-size: 21px; width: 275px; padding: 0px; margin: 0px; background-color: white;}
--
>
</style>
</head>
<body bgcolor="#808080">

<div class="a">
Что видно и чего не видно
</div>
<div class="b">
Что видно и чего не видно
</div>

</body></html>


в IE, Opera - все в норме нужная ширина и внутрений отступ
FireFox увеличивает ширину на величину padding: 10px;
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
QuickSite
QuickSite
сообщение 2.5.2008, 22:45; Ответить: QuickSite
Сообщение #2


lorahtml, каждый браузер по-разному интерпретирует CSS-правила. Попробуйте воспользоваться конструкцией
html:root .a
{
...
}
для создания описания класса, которое будет понимать только FF.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lorahtml
lorahtml
Topic Starter сообщение 2.5.2008, 23:23; Ответить: lorahtml
Сообщение #3


но ведь браузеров много, получается что надежнее пользоваться таблицами :-)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 2.5.2008, 23:28; Ответить: Webmaster_hb
Сообщение #4


lorahtml, я придерживаюсь мнения, что таблицами быстрее, удобнее и понятнее верстать на сегодняшний день

у DIV'ов куча приемуществ, которые сводятся на нет, разной интерпретацией в разных браузерах
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lorahtml
lorahtml
Topic Starter сообщение 3.5.2008, 0:13; Ответить: lorahtml
Сообщение #5


Сама понимаю, но в последнее время как недержание на сборку сайтов на дивах

Хочу понять как с этим (div) можно работать.
Под каждый браузер затычек не наделать :-(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 3.5.2008, 0:39; Ответить: Diablo_hb
Сообщение #6


в том то и прикол с дивами - что нужны затычки
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 4.5.2008, 10:24; Ответить: Exterior
Сообщение #7


lorahtml, в данном случае, в первом блоке (class="a") текст надо поместить в дополнительный контейнер, например, текстовый <span>, он по умолчанию не имеет внутренних отступов и его ширина равна ширине содержащегося в ней текста (как раз то что нужно), и уже в его стиле указать внешний отступ, равный внутреннему отступу блока class="a". Таким образом, листинг будет следующего вида:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>

<style type="text/css">
<!--
.a {width: 275px; padding: 0px; margin: 0px; background-color: white;}
.b {font-size: 21px; width: 275px; padding: 0px; margin: 0px; background-color: white;}
.text { font-size: 21px; padding: 0px; margin-left: 10px; background-color: lightblue; }
--
>
</style>

</head>

<body bgcolor="#808080">

<div class="a">
<span class="text">Что видно и чего не видно</span>
</div>
<div class="b">
Что видно и чего не видно
</div>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lorahtml
lorahtml
Topic Starter сообщение 5.5.2008, 11:08; Ответить: lorahtml
Сообщение #8


Огромное спасибо Exterior, ценный ответ

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Как скрыть блок в приложении на Android
0 Вито_052 1090 15.12.2019, 12:37
автор: Вито_052
Открытая тема (нет новых ответов) Появляющийся блок
0 sergei_burg 2189 1.6.2019, 13:39
автор: -sergei1980-
Открытая тема (нет новых ответов) Перенести блок FAQ с сайта
Верстка
3 Gera 2525 13.12.2018, 15:40
автор: mmkulikov
Открытая тема (нет новых ответов) Куплю места на мордочках, под сквозные ссылочки под блок сквозных ссылок.
тематика: СМИ,Туризм,Медицина
4 SeoGanik 9616 18.2.2017, 12:33
автор: SeoGanik


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:24
Дизайн