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
Форумы портала PHP.SU :: Версия для печати :: Высота одного из дивов в 100%
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Высота одного из дивов в 100%

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

1. Yuriy - 01 Мая, 2009 - 00:49:52 - перейти к сообщению
Парни, какие есть мысли на счёт следующего кода:

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%.
Никак не получается...
2. DeepVarvar - 01 Мая, 2009 - 01:14:56 - перейти к сообщению
http://blog[dot]focusart[dot]com[dot]ua/2008[dot][dot][dot]iv-po-vertikali/

ГУГЫЛЬ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
3. Yuriy - 01 Мая, 2009 - 12:51:04 - перейти к сообщению
Я уже столько этих статеек перечитал... Надоело уже. Из-за первого статичного дива ничерта не получается!

Мой пример можешь так переделать, а не на гугл как самый умный посылать? Огорчение
4. DeepVarvar - 01 Мая, 2009 - 23:01:23 - перейти к сообщению
Я вот тоже загорелся этим вопросом... Однако перечитав кучу литературы и опробовав сотню вариантов я тоже не смог добиться желаемого... Опускаю руки... Ждем тех, кто эту проблему решил... Мне даже интересно... А вам Нужно...
5. valenok - 01 Мая, 2009 - 23:58:41 - перейти к сообщению
а почему не сделать таблицей ?
(Добавление)
А очень популярная тема однако, как два дива одной высоты сделать..
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>
6. Roler - 02 Мая, 2009 - 08:08:23 - перейти к сообщению
Цитата:
а почему не сделать таблицей ?

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


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

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

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


И насколько он корректен для браузеров.
8. Roler - 02 Мая, 2009 - 15:12:31 - перейти к сообщению
Цитата:
Учусь дивами всё верстать

А зачем?
9. DeepVarvar - 02 Мая, 2009 - 15:12:41 - перейти к сообщению
Да, да!!!! Ответ в студию!!!! ))))))))))))))
Я тож табличками все ваяю...
Valenok, это ваша наработочка?
10. valenok - 02 Мая, 2009 - 15:22:04 - перейти к сообщению
Понятия не имею что дает.. консоли ошибок не ругаются. А вообще нашел где-то страницу, вырезал из неё все лишнее, не отвечающее за эту конкретную часть. Получил результат.
11. Yuriy - 02 Мая, 2009 - 20:00:31 - перейти к сообщению
Roler пишет:
А зачем?


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

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

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

valenok, понятно тогда. Спасибо
12. Roler - 03 Мая, 2009 - 08:31:40 - перейти к сообщению
В результате того, что она "проще и всё вынесено" в итоге совершенно невозможно разобраться через какое-то время.
Читать статьи на тему "чем дивы лучше таблиц", или наоборот "чем таблицы лучше дивов" всё равно что спорить о том, какой браузер лучше.
13. valenok - 03 Мая, 2009 - 09:17:09 - перейти к сообщению
Ты в курсе что поисковик это программа такая ? И анализирует она вовсе не верстку и дизайн. А тем что проще я уже вижу. Не ты первый, не ты последний кому надо через одно место делать, просто потому что "так надо".
Стал ли он от этого короче я тоже не уверен, потому что в коде выше добавилось бы лишь два новых тега <tr> и </tr> , а зато сколько стилей появилось. И то, заменив трех буквенные divы на двух буквенные td, вы бы в итоге сэкономили достаточно байтов напить tr.

И еще я не согласен с приводимой аналогией с браузерами. Потому что выыбор браузера зависит от вполне конкретных вещей. Его возможности, внешний вид и т.д.. Здесь же для конечного пользователя все идентично. Просто всает все ребром разработчику.
14. Yuriy - 03 Мая, 2009 - 13:36:27 - перейти к сообщению
valenok пишет:
И анализирует она вовсе не верстку и дизайн


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

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

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

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

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

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

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


И что дальше?

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


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

Удачи всем ;) Ибо спор этот правда бесконечный... Каждому своё!
15. Roler - 03 Мая, 2009 - 18:23:29 - перейти к сообщению
Да сколько вам уже объяснять, что чхать поисковик хотел, на таблицах сделано, или на дивах.
К тому же, всё можно сделать так криво, что и в пятьсот строк не уложишься)

 

Powered by ExBB FM 1.0 RC1