The Wayback Machine - https://web.archive.org/web/20090703113201/http://cssmake.ru:80/component/content/article/2/42.html

width

( 0 - user rating )

Краткое описание свойства width

Устанавливает ширину обьекта.

Ограничения width


width для IE/FF/Opera

при <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
Ширина элемента = width + padding + margin + border.
Содержимое блока, если не помещается в заданные размеры, отображается поверх.

width - позволяет задать ширину блочных или заменяемых обьектов (img). В ширину обьекта не включается толщина полей и отступы.

Синтаксис:
p {width:значение | проценты | auto;}

Описание аргументов:

значение
- в качестве значения ширины используется любые единицы длины пиксели (px), дюймы (in), пункты (pt).

проценты
- устанавливает процентное отношение ширины обьекта по отношению к родительскому контейнеру.

auto
- устанавливает ширину обьекта равной ширине содержимого этого обьекта.

Значение по умолчанию

auto

Обьектная модель:

[window.]document.getElementById("elementID").style.width


Пример использования атрибута width:
Листинг style.css:


.block{width:200px; border:1px solid #FF0000;}
Листинг index.html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Параметр width</title>
</head>
<body>
<div class="block">
Error sit voluptatem assusantium doloremque
laudantium, totam rem aperiam eaque ipsa quae
ab illo inventore

</div>
</body>
</html>
Результат:


Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore

Комментарии  

 
0 # HolyWanderer 2009-05-20 14:04 у меня текст из рамки вылазает и по прямой идет. Что может быть причиной? (внутри diva никаких тегов нету)

ps один из немногих сайтов с нормальным пояснением.
Ответить | Ответить с цитатой | Цитировать
 
 
0 # ni_x 2009-05-20 15:36 Причин может быть много. Пробелы в тексте есть? неразрывные или обычные?

Но точно одно, это ваша ошибка ибо в обычном состоянии такого не должно быть, создайте пустую страницу без стилей и увидите это.
Ответить | Ответить с цитатой | Цитировать
 
 
0 # HolyWanderer 2009-05-20 22:27 пробелов нету. Пробовал также с неразрывными - ничего не меняется. Да, я знаю, что я не шарю, как именно устранить ошибку и знаю, что в пустой будет все "ляля".

Дайте, пожалуйста, хотя бы какую-нибудь подсказку, где копать? например, это может быть изза такого-то параметра в предыдущем или другом теге..

css код дива следующий:
Цитата:
div#something{w idth:816px; height:100px; border:0px solid #FF0000;}


а в пхп файле такой:
Цитата:
 text_with_ no_spaces
Ответить | Ответить с цитатой | Цитировать
 
 
0 # HolyWanderer 2009-05-20 22:30 < div id="something">  free_inc < / div > Ответить | Ответить с цитатой | Цитировать
 
 
0 # ni_x 2009-05-20 23:03 уберите высоту у блока. Высоту лучше вообще не использовать, а если уж сильно надо то cssmake.ru/component/content/article/4/77.html

Проблема может быть именно из-за высоты. Если высоты нет блок тянется вниз, все должно работать.
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий


Защитный код
Обновить

odnaknopka.ru/kolyan.cz
Morty Proxy This is a proxified and sanitized view of the page, visit original site.

Переводы


Selectutorial

Селекторы в действии

listutorial

Изображения для маркеров списка

статьи
Morty Proxy This is a proxified and sanitized view of the page, visit original site.