Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: padding для элемента div с display = block
 
 автор: prosaic   (31.07.2007 в 17:30)   письмо автору
 
 

день добрый.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<div style='display:block;width:200px;height:100px;border:1px solid #CC0000;background-color:#CCCCCC;'>

aqua

</div>


если добавить в стиль padding-left:10px, то отступ от слова aqua будет 10 пикселей, но и объект div станет шире на 10 пикселей. как решить эту небольшую проблемку, если padding должно просто делать отсутп от содержимого объекта, а он "дивагает " всё?

   
 
 автор: Babr   (31.07.2007 в 17:38)   письмо автору
 
   для: prosaic   (31.07.2007 в 17:30)
 

display:block - не нужен - див и так блочный элемент
любой padding даст увеличение ширины или высоты контейнера - это правило блочной модели в CSS
попробуй margin ы для содержимого этого дива
<div style='width:200px;height:100px;border:1px solid #CC0000;background-color:#CCCCCC;'>

<div style="margin-left:10px;">aqua</div>

</div>

   
 
 автор: prosaic   (31.07.2007 в 17:41)   письмо автору
 
   для: Babr   (31.07.2007 в 17:38)
 

отлично. благодарю.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования