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 :: Высота одного из дивов в 100%

 PHP.SU

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


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

> Без описания
Поиск в теме | Версия для печати
Yuriy
Отправлено: 01 Мая, 2009 - 00:49:52
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)
Парни, какие есть мысли на счёт следующего кода:

CODE (text):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3.   <style>
  4. #wrap
  5. {
  6.         margin: 0 auto;
  7.         padding: 0;
  8.         width: 900px;
  9.         position: relative;
  10.     background-color: #efefef;
  11. }
  12. #left
  13. {
  14.         float: left;
  15.         width: 700px;
  16.         border: 1px solid green;
  17. }
  18.  
  19. #right
  20. {
  21.         margin-left: 700px;
  22.         width: 195px;
  23.         height: 100%;
  24.         border: 1px solid red;
  25. }
  26.   </style>
  27. </head>
  28. <body>
  29. <div id="wrap">
  30.    <div id="left">Some text<br />Some textSome text<br />Some textSome text<br />Some text</div>
  31.    <div id="right">&nbsp;</div>
  32. </div>
  33. </body>
  34. </html>


Необходимо блок right выровнять по высоте, как у left. Короче говоря, на 100%.
Никак не получается...


-----
Yuriy
 
 Top
DeepVarvar Супермодератор
Отправлено: 01 Мая, 2009 - 01:14:56
Post Id



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


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


Помог: 353 раз(а)
http://blog[dot]focusart[dot]com[dot]ua/2008[dot][dot][dot]iv-po-vertikali/

ГУГЫЛЬ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

(Отредактировано автором: 01 Мая, 2009 - 01:15:37)

 
 Top
Yuriy
Отправлено: 01 Мая, 2009 - 12:51:04
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)
Я уже столько этих статеек перечитал... Надоело уже. Из-за первого статичного дива ничерта не получается!

Мой пример можешь так переделать, а не на гугл как самый умный посылать? Огорчение


-----
Yuriy
 
 Top
DeepVarvar Супермодератор
Отправлено: 01 Мая, 2009 - 23:01:23
Post Id



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


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


Помог: 353 раз(а)
Я вот тоже загорелся этим вопросом... Однако перечитав кучу литературы и опробовав сотню вариантов я тоже не смог добиться желаемого... Опускаю руки... Ждем тех, кто эту проблему решил... Мне даже интересно... А вам Нужно...
 
 Top
valenok
Отправлено: 01 Мая, 2009 - 23:58:41
Post Id



Здесь могла бы быть ваша реклама


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


Помог: 3 раз(а)
а почему не сделать таблицей ?
(Добавление)
А очень популярная тема однако, как два дива одной высоты сделать..
CODE (text):
скопировать код в буфер обмена
  1. <style type="text/css">
  2. #inner { float: left; overflow: hidden; }
  3. #inner div { float: left; background: #ccc; width: 100px; margin-right: 10px; margin-bottom: -1000px; padding-bottom: 1000px; }
  4. #inner .col2 { background: #eee; }
  5. </style>
  6.  
  7.  
  8. <div id="inner">
  9. <div>a<br>b</div>
  10. <div class="col2">b</div>
  11. </div>


-----
Truly yours, Sasha.
 
My status
 Top
Roler
Отправлено: 02 Мая, 2009 - 08:08:23
Post Id



Посетитель


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


Помог: 1 раз(а)
Цитата:
а почему не сделать таблицей ?

Похоже религия не позволяте)
Вот хоть убейте, не вижу смысла делать всё на div'ах, мучиться, когда на таблицах это за минуту делается.
 
 Top
Yuriy
Отправлено: 02 Мая, 2009 - 15:09:32
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)
Roler пишет:
Вот хоть убейте, не вижу смысла делать всё на div'ах, мучиться, когда на таблицах это за минуту делается.


Вот такой вот маразм Улыбка Учусь дивами всё верстать Улыбка Научился, но вот с такой проблемой раньше не сталкивался, поэтому пришлось вот обратиться за помощью.

valenok, спасибо! А что нам даёт данный приём:

CODE (text):
скопировать код в буфер обмена
  1. margin-bottom: -1000px; padding-bottom: 1000px;


И насколько он корректен для браузеров.


-----
Yuriy
 
 Top
Roler
Отправлено: 02 Мая, 2009 - 15:12:31
Post Id



Посетитель


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


Помог: 1 раз(а)
Цитата:
Учусь дивами всё верстать

А зачем?
 
 Top
DeepVarvar Супермодератор
Отправлено: 02 Мая, 2009 - 15:12:41
Post Id



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


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


Помог: 353 раз(а)
Да, да!!!! Ответ в студию!!!! ))))))))))))))
Я тож табличками все ваяю...
Valenok, это ваша наработочка?

(Отредактировано автором: 02 Мая, 2009 - 15:13:20)

 
 Top
valenok
Отправлено: 02 Мая, 2009 - 15:22:04
Post Id



Здесь могла бы быть ваша реклама


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


Помог: 3 раз(а)
Понятия не имею что дает.. консоли ошибок не ругаются. А вообще нашел где-то страницу, вырезал из неё все лишнее, не отвечающее за эту конкретную часть. Получил результат.


-----
Truly yours, Sasha.
 
My status
 Top
Yuriy
Отправлено: 02 Мая, 2009 - 20:00:31
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)
Roler пишет:
А зачем?


В интернете куча статей на эту тему: чем блочная вёрстка лучше табличной.

Почитайте и поймёте. Я почитал, и доводы для меня оказались вполне вразумительные.

А если пару слов... Код красивее и более краткий (всё лишнее вынесено в CSS), для поисковиков такая вёрстка более удобная и качественная. Остальное - сами узнаете Улыбка

valenok, понятно тогда. Спасибо


-----
Yuriy
 
 Top
Roler
Отправлено: 03 Мая, 2009 - 08:31:40
Post Id



Посетитель


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


Помог: 1 раз(а)
В результате того, что она "проще и всё вынесено" в итоге совершенно невозможно разобраться через какое-то время.
Читать статьи на тему "чем дивы лучше таблиц", или наоборот "чем таблицы лучше дивов" всё равно что спорить о том, какой браузер лучше.
 
 Top
valenok
Отправлено: 03 Мая, 2009 - 09:17:09
Post Id



Здесь могла бы быть ваша реклама


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


Помог: 3 раз(а)
Ты в курсе что поисковик это программа такая ? И анализирует она вовсе не верстку и дизайн. А тем что проще я уже вижу. Не ты первый, не ты последний кому надо через одно место делать, просто потому что "так надо".
Стал ли он от этого короче я тоже не уверен, потому что в коде выше добавилось бы лишь два новых тега <tr> и </tr> , а зато сколько стилей появилось. И то, заменив трех буквенные divы на двух буквенные td, вы бы в итоге сэкономили достаточно байтов напить tr.

И еще я не согласен с приводимой аналогией с браузерами. Потому что выыбор браузера зависит от вполне конкретных вещей. Его возможности, внешний вид и т.д.. Здесь же для конечного пользователя все идентично. Просто всает все ребром разработчику.


-----
Truly yours, Sasha.
 
My status
 Top
Yuriy
Отправлено: 03 Мая, 2009 - 13:36:27
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)
valenok пишет:
И анализирует она вовсе не верстку и дизайн


Она анализирует HTML код.

А на счёт того, что кратче получится, я для себя уже давно решил.

Я некогда сделал один сайта на таблицах. Потом изучил блочную вёрстку и переверстал его.

На таблицах страничка - 200 строк,
На дивах - 130 строк.

Пример кода вам тоже приводить, если не верите?

CSS в первом случае - 260 строк.
Во втором - 360. А какой поисковик это волнует?

valenok пишет:
а зато сколько стилей появилось


И что дальше?

Yuriy пишет:
А какой поисковик это волнует?


Вот такие дела. Спорить НЕ буду. Верстайте как хотите. На дивах кратче получается и выгоднее для поисковиком, и не только.

Удачи всем ;) Ибо спор этот правда бесконечный... Каждому своё!


-----
Yuriy
 
 Top
Roler
Отправлено: 03 Мая, 2009 - 18:23:29
Post Id



Посетитель


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


Помог: 1 раз(а)
Да сколько вам уже объяснять, что чхать поисковик хотел, на таблицах сделано, или на дивах.
К тому же, всё можно сделать так криво, что и в пятьсот строк не уложишься)
 
 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