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

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

16. valenok - 03 Мая, 2009 - 18:24:58 - перейти к сообщению
Мне абсолютно все равно кто как верстает, главное чтоб у меня отображалось правильно.
Но я одно не пойму. Ты пытаешься утверждать что гуглу важно таблица или дивы? Он теперь у кого больше дивов того выше по поиску ставит чтоли? Мне всегда казалось что там заняты поиском по словам, а не по верстке.

И раз уж на то пошло, и вдруг там действительно сайты с тегами как то анализируются вместе и сайт к примеру где ключевое слово "сравнение" - то таблица там даже наоборот добавит веса, нежели ничего сравниваемого не подразумевают собой дивы.

Ты мне скажи с чего ты взял что поисковику какое-то дело до твоей верстки ?
А касаемо самой верстки - если таблицами удобней, значит надо таблицами.
17. Yuriy - 03 Мая, 2009 - 19:59:58 - перейти к сообщению
Roler пишет:
Да сколько вам уже объяснять, что чхать поисковик хотел, на таблицах сделано, или на дивах.


Ты прав. А я и не говорил, что от тегов зависит качество индексации.

Вы не понимаете, что чем кратче код, тем легче поисковикам проиндексировать вашу страницу. И вес у неё будет меньше. Ладно. Выдрал пример из своих двух вёрсток, о которых я говорил выше. В какой из них быстрее можно добраться до слова ТЕКСТ?

CODE (text):
скопировать код в буфер обмена
  1.                                 <table border="0" cellspacing="0" cellpadding="0" class="foot_but" width="206">
  2.                                         <tr>
  3.                                                 <td width="5">
  4.                                 <img src="img/foot_l.png" width="5" height="37" border="0" />
  5.                                                 </td>
  6.                                                 <td align="center">
  7.                                                         ТЕКСТ
  8.                                                 </td>
  9.                                                 <td width="5">
  10.                                                         <img src="img/foot_r.png" width="5" height="37" border="0" />
  11.                                                 </td>
  12.                                         </tr>
  13.                                 </table>



CODE (text):
скопировать код в буфер обмена
  1.         <div id="footer_left">
  2.                 <div class="left"></div>
  3.                 <div id="center_left">ТЕКСТ</div>
  4.                 <div class="right"></div>
  5.         </div>


За этой кучей td, tr и их параметров - намного сложнее.

Парни, наш спор ничего не даст. Вы сами это понимаете. Каждый верстает так, как ему нравится. А кто-то ещё и потому, что так нужно. Ибо, дивами верстать сложнее.
18. Вездеход - 04 Мая, 2009 - 09:58:29 - перейти к сообщению
Yuriy
в первом (с таблицами) проще - потому что тупо нагляднее яснее как он будет выведен в браузер.

так как в дивах вы можете сделать так, чтобы последний див будет выведен сверху, а тот который был первым - вылезет внизу окна.

ps
я вапще например не сторонник какого то одного типа... что удобнее для конкретного случая то и делаю.
19. Yuriy - 04 Мая, 2009 - 11:04:52 - перейти к сообщению
Вездеход пишет:
в первом (с таблицами) проще - потому что тупо нагляднее яснее как он будет выведен в браузер.

так как в дивах вы можете сделать так, чтобы последний див будет выведен сверху, а тот который был первым - вылезет внизу окна.


Это всё ерунда. Немножко терпения и...

...Итог вёрстки с помощью специальных сервисов я проверил во всех браузерах - везде одинаково, даже в IE 5!

Вездеход, так что для меня это не довод, к сожалению...
20. Yuriy - 04 Октября, 2009 - 18:17:24 - перейти к сообщению
Верстаю некоторый макет. Есть 2 дива - левая колонка с меню и прочим содержимым, ну и правая с контентом. Задача была сделать колонки одной высоты. Ну это всё ясно, и статей в инете куча, и мы тут с вами разобрались немного.

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

Выглядит всё примерно так: верхняя часть панели (картинка с закруглёнными краями, просто как шапка панели), повторяющаяся по оси Y центральная часть (так как тень по бокам идёт), ну и низ (по аналогии с верхушкой панели).

Я никак не могу впихнуть нижнюю границу. Первую понятно как - в самое начало панели вставить, потом пойдёт меню и так далее. Центровую часть прописать фоном. А низ? Как тут быть? Если высота второй колонки больше первой, то я не знаю, как мне примкнуть див с нижней обводкой к низу левой колонки...

Казалось бы, сделать что-то типа bottom: 0, но до фени.

Если что неясно - я вам покажу на изображении.

Ясное дело, никаких таблиц, JS, и невалидного кода.

Я честно говоря уже второй день только этой проблемой и страдаю Огорчение
21. Ch_chov - 04 Октября, 2009 - 18:34:35 - перейти к сообщению
Может стоит всё содержимое левой колонке заключить в один div ?
CODE (text):
скопировать код в буфер обмена
  1. <div id='left'>
  2.   <div id='head'>
  3.  
  4.   </div>
  5.   <div id='menu'>
  6.  
  7.   </div>
  8.   <div id='foot'>
  9.  
  10.   </div>
  11. </div>


P.S. Я когда то тоже помаялся с колонками на дивах. В инете полно реализаций, но все они с извратами (отрицательными margin, JS или хуками). Имхо это как раз тот случай, когда таблицам замены нет...
22. Yuriy - 04 Октября, 2009 - 18:39:46 - перейти к сообщению
Ch_chov пишет:
Может стоит всё содержимое левой колонке заключить в один div ?


У меня так и есть. Но нам это ничего не даёт, ведь мне нужно нижнюю границу примкнуть к низу дива. Грубо говоря, я хочу внутрь дива1 запихнуть див2 и чтобы див2 был примкнут к низу дива1.
23. Ch_chov - 04 Октября, 2009 - 19:02:28 - перейти к сообщению
Если высота всех блоков известна, то можно просто задать ее явно через CSS. Так, что бы суммарная высота всех внутренних блоков была равна высоте родительского блока.

Или

родительскому блоку задать position: relative
блоку который нужно примкнуть к нижнему краю position: absolute; bottom: 0px;
24. koras - 04 Октября, 2009 - 19:25:39 - перейти к сообщению
del
25. Yuriy - 04 Октября, 2009 - 19:34:40 - перейти к сообщению
Ch_chov пишет:
Если высота всех блоков известна


Каким интересным образом, если

Yuriy пишет:
Задача была сделать колонки одной высоты.


?

Ch_chov пишет:
родительскому блоку задать position: relative
блоку который нужно примкнуть к нижнему краю position: absolute; bottom: 0px;


Вот это сейчас попробую.

koras, это к чему вообще?
(Добавление)
Yuriy пишет:
Вот это сейчас попробую.


Вот, оно самое Улыбка Ну что, тогда буду верстать дальше, если будут вопросы - спрошу!

Ch_chov, благодарю!
26. koras - 04 Октября, 2009 - 20:20:31 - перейти к сообщению
Уберите один див

PHP:
скопировать код в буфер обмена
  1. <html><head>
  2.                 <style>
  3.                                                 html, body {margin: 0px;padding: 0px;}
  4.                                 #left{float: left;width: 700px;border: 1px solid green;height: 100%;}
  5.                                 #right{margin-left: 700px;width: 195px; height: 100%; border: 1px solid red;}
  6.                 </style>
  7. </head><body>
  8.                   <div id="left">Some text<br />Some textSome text</div>
  9.                   <div id="right">&nbsp;444</div>
  10.          </body>
  11. </html>


У меня во всех браузерах коректно отображается
27. Yuriy - 04 Октября, 2009 - 20:22:48 - перейти к сообщению
koras, этот код для меня неактуален. У меня совсем другая вёрстка.

 

Powered by ExBB FM 1.0 RC1