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 :: height 100% и <!DOCTYPE>

 PHP.SU

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


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

> Описание: вопрос
Поиск в теме | Версия для печати
Axiles
Отправлено: 25 Ноября, 2011 - 06:41:39
Post Id


Гость


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


Помог: 0 раз(а)
Приветствую. Проблема такая.
Окно делится на четыре фрейма. В каждом фрейме создаётся ячейка таблицы которая растягивается на всю ширину и длинну фрейма, всё содержимое сайта будет распологаться внутри этих ячеек. Дело в том, что при определении <!DOCTYPE> в докуменете параметр HEIGHT тега TABLE браузерами игнорируется. Как мне растянуть ячейку на 100% высоты фрейма?
 
 Top
greed85
Отправлено: 25 Ноября, 2011 - 16:42:32
Post Id


Новичок


Покинул форум
Сообщений всего: 17
Дата рег-ции: Нояб. 2011  
Откуда: Moscow


Помог: 0 раз(а)
Axiles пишет:
Как мне растянуть ячейку на 100% высоты фрейма?


задай высоту для table через css

CODE (htmlphp):
скопировать код в буфер обмена
  1. table.vysota{
  2.     height: 100%;
  3. }
  4.  

в html коде просто добавишь к тегу table класс

CODE (html):
скопировать код в буфер обмена
  1. <table class="vysota">
 
 Top
DeepVarvar Супермодератор
Отправлено: 25 Ноября, 2011 - 16:46:44
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Axiles пишет:
<!DOCTYPE>
велком ту хтмл-5.
Куда? Зачем? Его в полной мере сейчас поддерживает хромой, остальные только подтягиваются... Юзайте strict.
 
 Top
Arch-Web
Отправлено: 26 Ноября, 2011 - 14:41:14
Post Id



Частый гость


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


Помог: 1 раз(а)
Axiles, что это за <!DOCTYPE> ???

для HTML 5 используют <!DOCTYPE html>

DeepVarvar, ну и что ? при таком ДокТайпе сайты нормально отображаются во всех браузерах, ну если нормально сверстать...
 
 Top
Axiles
Отправлено: 28 Ноября, 2011 - 03:59:44
Post Id


Гость


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


Помог: 0 раз(а)
Всем огромное спасибо, вопрос решон, советы и пожелания учтены )
 
 Top
Axiles
Отправлено: 28 Ноября, 2011 - 15:52:41
Post Id


Гость


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


Помог: 0 раз(а)
Всё таки продожу тему, поторопился радоваться.
Дело вот в чём:
в IE работает на ура, в Opera воще ... поймёш, в Mozila работает ПОЧТИ! Про Mozila подробнее, чую де то рядом собака зарыта. Дело в том что мозила окно почему то делает больше чем реальный фрейм (и не только фрейм, обычное окно так же) правое и нижнее поле постоянно малость вылазят за видимые границы окон.

Как это победить?
 
 Top
DlTA
Отправлено: 28 Ноября, 2011 - 16:08:23
Post Id



Постоянный участник


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


Помог: 53 раз(а)
margin и padding 0?
 
 Top
Axiles
Отправлено: 28 Ноября, 2011 - 17:07:39
Post Id


Гость


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


Помог: 0 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1. div.sloi2 {
  2.  border-top: solid 1px #000000;
  3. border-bottom: solid 1px #000000;
  4. border-left: solid 1px #000000;
  5. border-right: solid 1px #000000;
  6. margin:5px 5px 5px 5px;
  7.  height: 100%;
  8.  width: 100%;
  9.  
  10.        }
  11. div.sloi1 {
  12.  border-top: solid 1px #000000;
  13. border-bottom: solid 1px #000000;
  14. border-left: solid 1px #000000;
  15. border-right: solid 1px #000000;
  16. min-width:100%;
  17.  margin:40px 0px 40px 0px;
  18.  min-height:100%;
  19.  float:left;
  20.  position:absolute;
  21.  right:0px;
  22.  left:5px;
  23.  top:0px;
  24.  bottom:0px;
  25.   }
  26. html.sloi1 {  argin: 15px 15px 15px 15px;
  27.              height: 100%;
  28.              width: 100%;
  29.              padding: 0;
  30.            }
  31. body.sloi1 { background-color: #E8F6DD;
  32.             font-family: "Arial";
  33.              font-size: 10pt;
  34.              height: 100%;
  35.              width: 100%;
  36.              margin: 15px 15px 15px 15px;
  37.              padding: 0;
  38.             }
  39. TABLE.sloi2 {
  40.                 border-bottom: 1px outset black; border-right: 1px outset black; border-top: 1px outset #E8E8E8; border-left: 1px outset #E8E8E8;
  41.            border-collapse: collapse;
  42.             border-style: double;
  43.             height: 100%;
  44.             width: 100%;
  45.             background-color: #F6ECD1;
  46.           }



чё тока не пробовал (
 
 Top
DlTA
Отправлено: 28 Ноября, 2011 - 17:09:12
Post Id



Постоянный участник


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


Помог: 53 раз(а)
а для всего документа?
* {...}
 
 Top
Axiles
Отправлено: 28 Ноября, 2011 - 17:30:36
Post Id


Гость


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


Помог: 0 раз(а)
DlTA пишет:
а для всего документа?
* {...}

не понял (
 
 Top
Arch-Web
Отправлено: 28 Ноября, 2011 - 18:15:09
Post Id



Частый гость


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


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

* {margin: 0; padding: 0;}

вставляем в начало CSS файла

этой строкой мы убираем везде margin и padding
 
 Top
Axiles
Отправлено: 29 Ноября, 2011 - 14:19:48
Post Id


Гость


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


Помог: 0 раз(а)
Начнём с начала.
Берём страницу
CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">
  2. <html >
  3. <head>
  4.   <title></title>
  5.   <link rel="stylesheet" type="text/css" href="mystyle2.css" />
  6. </head>
  7.  
  8. <body >
  9.   <div class="sloi1">
  10.     главная
  11.   </div>
  12. </body>
  13.  
  14. </html>


к ней прилагаются стили
CODE (htmlphp):
скопировать код в буфер обмена
  1. div.sloi1 {
  2.            border-top: solid 5px #000000;
  3.           border-bottom: solid 5px #000000;
  4.           border-left: solid 5px #000000;
  5.           border-right: solid 5px #000000;
  6.          }

проверяем в:
- IE6 норм
- Opera 11.52 норм
- Mozila 8.0.1 норм
- Google Chrome 14.0.835.202 норм
- Safari 5.1.1 норм
везде отображается одинаково, на 100% ширины окна и высота по содержимому,и какой
то отступ правда имеется по всему периметру, ну с ним позже, а щяс
надо высоту так же на 100% окна, добавим в стили "height"
тоесть
CODE (htmlphp):
скопировать код в буфер обмена
  1. div.sloi1 {
  2.  border-top: solid 5px #000000;
  3. border-bottom: solid 5px #000000;
  4. border-left: solid 5px #000000;
  5. border-right: solid 5px #000000;
  6. height: 100%;
  7.           }

и ОПАЧКИ!
- IE6 то что и хотели
- Opera 11.52 без изменений
- Mozila 8.0.1 без изменений
- Google Chrome 14.0.835.202 без изменений
- Safari 5.1.1 без изменений
чешим затылок, "думай голова, шапку куплю"
погуглив добавляю в стили
CODE (htmlphp):
скопировать код в буфер обмена
  1. body.sloi1 {
  2.              height: 100%;
  3.              margin: 0px;
  4.              padding: 0px;
  5.             }

ну убрался отступ по периметру, ну мне оно как бы и не надо, ну да ладно, где его добавить теперь знаю
а где жевысота ???? (а в IE всё как надо!)
гуглю (, нахожу вставляю в стили
CODE (htmlphp):
скопировать код в буфер обмена
  1. html.sloi1 {
  2.      height: 100%;
  3.      margin: 0px;
  4.      padding: 0px;
  5.      }

ОПА ОПА ОПАЧКИ!!!! ВОТ ОНО СЧАСТЬЕ!!! Казалось бы(, нижняя граница вылазиет за пределы окна и полоса прокрутки (а в IE всё как надо!)

вот впринципе и вся суть вопроса, длинно получилось конечно, это я ещё досрочно свернулся, уже мозг кипит
прошу ваши соображения в студию...
 
 Top
Arch-Web
Отправлено: 29 Ноября, 2011 - 21:16:15
Post Id



Частый гость


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


Помог: 1 раз(а)
вот так надо

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. * {margin: 0; padding: 0;}
  3. html { border: 0; width: 100%; height: 100%; }
  4. body {width: 100%;  height: 100%;}
  5. .sloi1 {height: 100%; border: 5px solid #000000; margin: 5px;}


вся проблема в том что теги html и body по стандартно width: auto; и height: auto; тоисть по мере наполнения роздвигаются


п.с

Цитата:
- IE6 то что и хотели
- Opera 11.52 без изменений
- Mozila 8.0.1 без изменений
- Google Chrome 14.0.835.202 без изменений
- Safari 5.1.1 без изменений


как вы и сами убедились в IE не так как у всех =)
тобиш IE гомно)

(Отредактировано автором: 29 Ноября, 2011 - 21:30:44)

 
 Top
Axiles
Отправлено: 30 Ноября, 2011 - 14:32:16
Post Id


Гость


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


Помог: 0 раз(а)
Arch-Web, попробовал так, всё одно и тоже, попробуйте сами, нижняя граница вылазиет за пределы окна и появляется полоса прокрутки.
(Добавление)
если взять div без границ а просто залить фоном то наблюдаем что окно браузера залито полностью, без всяких полос прокрутки и т.п.
но стоит только добавить хоть одну границу хоть в 1рх то всё, полоса прокрутки.
Такое ощущение что браузер берёт размеры своего окна ( к примеру 100х100) и в случае обявления границ добавляет их к размерам окна ( тоесть левая граница 1рх+окно 100рх+ правая 1рх = 102 рх)
(Добавление)
хотел обмануть, обявил div без границ, залил фоном (для наглядности) и внутри создал второй div с границами, и один ... полоса прокрутки, ну как так то????
ничё не понимаю (
 
 Top
Arch-Web
Отправлено: 01 Декабря, 2011 - 01:38:37
Post Id



Частый гость


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


Помог: 1 раз(а)
Axiles, нарисуйте как должно быть
 
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 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