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]   

> Описание: таблицы одна над другой
maksmib
Отправлено: 21 Декабря, 2010 - 13:21:03
Post Id



Гость


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


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




Здравствуйте, господа.
У меня очередная проблема.

Страничка как бы делится на две части, состоящие соответственно из двух таблиц, расположенных одна под другой.

CODE (html):
скопировать код в буфер обмена
  1. <table cellspacing=0 cellpadding=0 align="center" height="170px">
  2.         ....
  3. </table>
  4.  
  5. <table cellspacing=0 cellpadding=0 align="center" height="100%">
  6.         ....
  7. </table>


Проблема в том, что в результате появляется скролл справа, т.к. получается так, что нижней таблице задается высота видимой части страницы и еще плюс есть верхняя таблица.
Тоесть итоговая высота содержимого страницы: 100% + 170px(верхней таблицы)

..как можно так сделать, чтобы обе таблицы умещались в видимую область страницы?
При этом абсолютная величина может быть только у верхней таблицы Ниндзя
 
 Top
Viper
Отправлено: 21 Декабря, 2010 - 13:52:34
Post Id



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


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


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




Чудеса прямо какие-то вы пишите Улыбка))

1. Можно все это засунуть в 2 строки таблицы
2. Задать высоту первой таблицы в долях % c помощью CSS. Конечно если дизайн у вас pixel-perfect то этот метод не подойдет.
3. Задать высоту второй таблицы не 100%
4. Засунуть все в div как нынче модно и удобно и не парить себе моск ;)


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
maksmib
Отправлено: 21 Декабря, 2010 - 15:41:00
Post Id



Гость


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


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




О! Спасибо вам!
верхнюю таблицу заменил "дивом" с абсолютным позиционированием и немного подправил оставшуюся таблицу.
Теперь все отображается просто как надо! Улыбка

А вообще да, надо бы все переделать "дивами".
Хотя я больше склонен сочетать таблицы и "дивы" ..при этом таблицей как бы задаю основной каркас страницы.

(Отредактировано автором: 21 Декабря, 2010 - 15:42:27)

 
 Top
garvey
Отправлено: 21 Декабря, 2010 - 16:44:21
Post Id



Частый посетитель


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


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




Все должно быть наоборот. Каркас страницы должен быть сделан НЕ таблицами. Таблицы нужны для отображения табличных данных, чтобы не городить сотни дивов.
 
 Top
maksmib
Отправлено: 21 Декабря, 2010 - 20:36:58
Post Id



Гость


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


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




garvey пишет:
Все должно быть наоборот. Каркас страницы должен быть сделан НЕ таблицами. Таблицы нужны для отображения табличных данных, чтобы не городить сотни дивов.


Почему же? Разве есть какой то стандарт это оговаривающий? Однако
 
 Top
grefon
Отправлено: 22 Декабря, 2010 - 01:10:12
Post Id



Частый посетитель


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


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




Уже столько спорили о верстке дивами и таблицами что аж страшно Улыбка
У каждого метода есть свои плюсы и минусы, и говорить что каркас нужно делать только дивами немного некорректно.

Как вариант:
CODE (html):
скопировать код в буфер обмена
  1. <table cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
  2.     <tr>
  3.         <td style="height: 170px">&nbsp;</td>
  4.     </tr>
  5.     <tr>
  6.         <td>&nbsp;</td>
  7.     </tr>
  8. </table>


-----
____________________________________________________________________
Ну как то так, наверное.
http://grefon[dot]com
 
 Top
maksmib
Отправлено: 22 Декабря, 2010 - 08:13:22
Post Id



Гость


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


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




grefon пишет:
Уже столько спорили о верстке дивами и таблицами что аж страшно
У каждого метода есть свои плюсы и минусы, и говорить что каркас нужно делать только дивами немного некорректно.


Эх, жаль я ни разу такие споры не "читал", интересно было бы.
Но пока еще это наверное дело привычки, как писать.
 
 Top
Uchkuma
Отправлено: 22 Декабря, 2010 - 08:42:47
Post Id



Участник


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


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




Не все дивы одинаково полезны.
garvey пишет:
Таблицы нужны для отображения табличных данных, чтобы не городить сотни дивов.
Это что-то новенькое. Еще ни разу не видел извращенца, пытающегося вывести табличные данные в дивах )))
 
 Top
JustUserR
Отправлено: 22 Декабря, 2010 - 10:06:19
Post Id



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


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


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




Uchkuma пишет:
Не все дивы одинаково полезны.
Использование формирования шаблона отображения пользовательской страницы посредством размещения набора div-элементов в общем случае включает необходимость добавления управляющего JS-скрипта для коррекциии изображения - дело в том что элементы таблицы первоначально обеспечиваются представление вложенных данных согласно некоторой сетке выравнивания в любом случае - в то время как для div-элементов может проявляться смещение связанное с различием позиционирования в различных браузерах


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 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