Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

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

 

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

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

тема: CSS верстка. <div>, ширина и проблемы отображения
 
 автор: hatsker   (16.04.2008 в 00:47)   письмо автору
 
 


<style>
#block {
border: 3px solid #000;
width: 100%-padding; // вот это работает в IE и FF. Это грамотный подход?
height: 50px;
padding: 3em;
overflow: auto}
</style>

<div id="block">
254 Часть II. CSS: на пути к мастерству
Сделаем блок шириной 200 пикселов, высотой 50 пикселов и наполним его
текстом. При различных значениях свойства overflow будем получать различ-
ный результат.</div>

   
 
 автор: 3ABAPKA   (16.04.2008 в 06:53)   письмо автору
 
   для: hatsker   (16.04.2008 в 00:47)
 

проще!
<style>
#block {
border: 3px solid #000;
height: 50px;
padding: -3em;
overflow: auto}
</style>

   
 
 автор: Lelik   (16.04.2008 в 11:10)   письмо автору
 
   для: hatsker   (16.04.2008 в 00:47)
 

на самом деле для блочных элементов, если вы их хотите растянуть на 100% экрана, или области где они находятся, то надо убрать все мерджины.

<style>
#block {
margin: 0px;
padding: 10px;
</style>

<div id="block">
254 Часть II. CSS: на пути к мастерству
Сделаем блок шириной 200 пикселов, высотой 50 пикселов и наполним его
текстом. При различных значениях свойства overflow будем получать различ-
ный результат.</div>


просто у них по-умолчанию такое свойство: тянуться на всю ширину облясти, отведенной под их размещение

   
Rambler's Top100
вверх

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