Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Высота блоков

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
etoYA
Отправлено: 23 Ноября, 2011 - 01:26:20
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




Если убрать высоту у блока, то блок будет разтягиватся в его содержимому, но когда блок1 в блоке2, то блок1 не разтягивается по размеру блока2. Почему? Можно ли это сделать без ява скрипт?
 
 Top
Stasnislav
Отправлено: 23 Ноября, 2011 - 10:54:06
Post Id



Гость


Покинул форум
Сообщений всего: 109
Дата рег-ции: Апр. 2011  


Помог: 4 раз(а)




etoYA пишет:
но когда блок1 в блоке2, то блок1 не разтягивается по размеру блока2.


etoYA пишет:
блок будет разтягиватся в его содержимому

все правильно, блок растягивается по своему содержимому, а не по содержимому родителем.


-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».
 
 Top
Arch-Web
Отправлено: 23 Ноября, 2011 - 16:58:09
Post Id



Частый гость


Покинул форум
Сообщений всего: 177
Дата рег-ции: Июль 2010  
Откуда: Ukraine::Kiev


Помог: 1 раз(а)




если у "блок1" будет задана не статическая высота/ширина то по мере расширения "блок2" будет тянутся и "блок1"
 
 Top
Stasnislav
Отправлено: 23 Ноября, 2011 - 18:07:19
Post Id



Гость


Покинул форум
Сообщений всего: 109
Дата рег-ции: Апр. 2011  


Помог: 4 раз(а)




etoYA пишет:
блок1 в блоке2

Arch-Web пишет:
по мере расширения "блок2" будет тянутся и "блок1"

либо ты ошибся, либо ступил.


-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».
 
 Top
Arch-Web
Отправлено: 23 Ноября, 2011 - 20:59:05
Post Id



Частый гость


Покинул форум
Сообщений всего: 177
Дата рег-ции: Июль 2010  
Откуда: Ukraine::Kiev


Помог: 1 раз(а)




Stasnislav

CODE (html):
скопировать код в буфер обмена
  1. <div>// блок 1
  2.    <div>// блок 2
  3. Text<br>Text<br>Text
  4.    </div>
  5. </div>


Ширига и высота "блок 2"
offsetWidth 585
offsetHeight 39

Ширина и высота "блок 1"
offsetWidth 585
offsetHeight 39

(Отредактировано автором: 23 Ноября, 2011 - 21:01:02)

 
 Top
Stasnislav
Отправлено: 24 Ноября, 2011 - 09:13:40
Post Id



Гость


Покинул форум
Сообщений всего: 109
Дата рег-ции: Апр. 2011  


Помог: 4 раз(а)




Arch-Web
Stasnislav пишет:
либо ты ошибся, либо ступил.

Stasnislav пишет:
блок1 в блоке2

у тебя блок2 в блоке1

Чуешь разницу? или еще разок?


-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».
 
 Top
Arch-Web
Отправлено: 24 Ноября, 2011 - 13:52:20
Post Id



Частый гость


Покинул форум
Сообщений всего: 177
Дата рег-ции: Июль 2010  
Откуда: Ukraine::Kiev


Помог: 1 раз(а)




Stasnislav, ааа, не внимательно прочитал сообщение)

ну тогда height: 100%; должен помочь
ну или height: inherit; (как всегда с IE6 проблемы)

(Отредактировано автором: 24 Ноября, 2011 - 13:52:46)

 
 Top
etoYA
Отправлено: 25 Ноября, 2011 - 04:43:54
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




непрокатывает, в общем вот блоки

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. #content {
  3.         position: relative;
  4.         width: 1000px;
  5.         height: 1800px;
  6.         border: 1px solid #000;
  7.         -moz-border-radius: 15px; /* Firefox */
  8.         -webkit-border-radius: 15px; /* Safari, Chrome */
  9.         -khtml-border-radius: 15px; /* KHTML */
  10.         border-radius: 15px; /* CSS3 */
  11.         behavior: url(border-radius.htc); /* учим IE border-radius */
  12.         background: #7d7e7d; /* for non-css3 browsers */
  13.         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e'); /* for IE */
  14.         background: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e)); /* for webkit browsers */
  15.         background: -moz-linear-gradient(top,  #7d7e7d,  #0e0e0e); /* for firefox 3.6+ */
  16.         background: -o-linear-gradient(top,  #7d7e7d,  #0e0e0e); /* Opera 11.10+ */
  17.         background: -ms-linear-gradient(top,  #7d7e7d,  #0e0e0e); /* IE10+ */
  18.  


В нем 2 блока
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. #leftCollum {
  3.         margin: 20px 0 20px 20px;
  4.         width: 145px;
  5.         float: left;
  6. }
  7. #rightCollum {
  8.         margin: 20px 20px 20px 0;
  9.         width: 210px;
  10.         height: 500px;
  11.         float: right;
  12. }
  13.  


вот сама страница

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <div id="content">
  3. <?php require_once('leftCollum.php')?>
  4. <?php require_once($_SERVER['DOCUMENT_ROOT'] . '/inc/page.php'); ?>
  5. <?php require_once('RightCollum.php')?>
  6. </div>
  7.  
 
 Top
Stasnislav
Отправлено: 25 Ноября, 2011 - 09:16:29
Post Id



Гость


Покинул форум
Сообщений всего: 109
Дата рег-ции: Апр. 2011  


Помог: 4 раз(а)




etoYA
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="content">
  3. left
  4. ....
  5. right
  6. <br clear="all" />
  7. </div>
  8.  


-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».
 
 Top
etoYA
Отправлено: 27 Ноября, 2011 - 07:00:41
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




<br clear="all" /> а что это значит ?)
 
 Top
join
Отправлено: 27 Ноября, 2011 - 09:13:56
Post Id



Гость


Покинул форум
Сообщений всего: 91
Дата рег-ции: Февр. 2011  


Помог: 1 раз(а)




Атрибуты тега br:

clear-задает положение текстового потока после тега, возможные значения
left - помещает поток по левому краю
right - помещает поток по правому краю
all - по обе стороны
none - по умолчанию слева


-----
- "Holy shit!" -девиз Холливуда
- "Hello world " -девиз PhP
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB