PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Высота одного из дивов в 100%

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

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

Без описания

Поиск в теме | Версия для печати

valenok	Отправлено: 03 Мая, 2009 - 18:24:58
Здесь могла бы быть ваша реклама Покинул форум Сообщений всего: 4574 Дата рег-ции: Июль 2006 Откуда: Israel Помог: 3 раз(а)	Мне абсолютно все равно кто как верстает, главное чтоб у меня отображалось правильно. Но я одно не пойму. Ты пытаешься утверждать что гуглу важно таблица или дивы? Он теперь у кого больше дивов того выше по поиску ставит чтоли? Мне всегда казалось что там заняты поиском по словам, а не по верстке. И раз уж на то пошло, и вдруг там действительно сайты с тегами как то анализируются вместе и сайт к примеру где ключевое слово "сравнение" - то таблица там даже наоборот добавит веса, нежели ничего сравниваемого не подразумевают собой дивы. Ты мне скажи с чего ты взял что поисковику какое-то дело до твоей верстки ? А касаемо самой верстки - если таблицами удобней, значит надо таблицами. ----- Truly yours, Sasha.

Yuriy	Отправлено: 03 Мая, 2009 - 19:59:58
Частый гость Покинул форум Сообщений всего: 142 Дата рег-ции: Июнь 2007 Откуда: Азов Помог: 0 раз(а)	Roler пишет: Да сколько вам уже объяснять, что чхать поисковик хотел, на таблицах сделано, или на дивах. Ты прав. А я и не говорил, что от тегов зависит качество индексации. Вы не понимаете, что чем кратче код, тем легче поисковикам проиндексировать вашу страницу. И вес у неё будет меньше. Ладно. Выдрал пример из своих двух вёрсток, о которых я говорил выше. В какой из них быстрее можно добраться до слова ТЕКСТ? CODE (text): скопировать код в буфер обмена <table border="0" cellspacing="0" cellpadding="0" class="foot_but" width="206"> <tr> <td width="5"> <img src="img/foot_l.png" width="5" height="37" border="0" /> </td> <td align="center"> ТЕКСТ </td> <td width="5"> <img src="img/foot_r.png" width="5" height="37" border="0" /> </td> </tr> </table> CODE (text): скопировать код в буфер обмена <div id="footer_left"> <div class="left"></div> <div id="center_left">ТЕКСТ</div> <div class="right"></div> </div> За этой кучей td, tr и их параметров - намного сложнее. Парни, наш спор ничего не даст. Вы сами это понимаете. Каждый верстает так, как ему нравится. А кто-то ещё и потому, что так нужно. Ибо, дивами верстать сложнее. ----- Yuriy

Вездеход	Отправлено: 04 Мая, 2009 - 09:58:29
Частый посетитель Покинул форум Сообщений всего: 820 Дата рег-ции: Апр. 2008 Откуда: Россия Помог: 0 раз(а)	Yuriy в первом (с таблицами) проще - потому что тупо нагляднее яснее как он будет выведен в браузер. так как в дивах вы можете сделать так, чтобы последний див будет выведен сверху, а тот который был первым - вылезет внизу окна. ps я вапще например не сторонник какого то одного типа... что удобнее для конкретного случая то и делаю. ----- о великий nl2br! Хочешь невероятных ощущений? Юзай блокнот! Блокнот - чудеса сбываются! Чем меньше вы знаете PHP - тем ценнее мои знания!

Yuriy	Отправлено: 04 Мая, 2009 - 11:04:52
Частый гость Покинул форум Сообщений всего: 142 Дата рег-ции: Июнь 2007 Откуда: Азов Помог: 0 раз(а)	Вездеход пишет: в первом (с таблицами) проще - потому что тупо нагляднее яснее как он будет выведен в браузер. так как в дивах вы можете сделать так, чтобы последний див будет выведен сверху, а тот который был первым - вылезет внизу окна. Это всё ерунда. Немножко терпения и... ...Итог вёрстки с помощью специальных сервисов я проверил во всех браузерах - везде одинаково, даже в IE 5! Вездеход, так что для меня это не довод, к сожалению... (Отредактировано автором: 04 Мая, 2009 - 11:05:17) ----- Yuriy

Yuriy	Отправлено: 04 Октября, 2009 - 18:17:24
Частый гость Покинул форум Сообщений всего: 142 Дата рег-ции: Июнь 2007 Откуда: Азов Помог: 0 раз(а)	Верстаю некоторый макет. Есть 2 дива - левая колонка с меню и прочим содержимым, ну и правая с контентом. Задача была сделать колонки одной высоты. Ну это всё ясно, и статей в инете куча, и мы тут с вами разобрались немного. Но... Всё бы хорошо, да только моя левая панель имеет красивую обводку с тенью по границе и в связи с этим возникают трудности... Выглядит всё примерно так: верхняя часть панели (картинка с закруглёнными краями, просто как шапка панели), повторяющаяся по оси Y центральная часть (так как тень по бокам идёт), ну и низ (по аналогии с верхушкой панели). Я никак не могу впихнуть нижнюю границу. Первую понятно как - в самое начало панели вставить, потом пойдёт меню и так далее. Центровую часть прописать фоном. А низ? Как тут быть? Если высота второй колонки больше первой, то я не знаю, как мне примкнуть див с нижней обводкой к низу левой колонки... Казалось бы, сделать что-то типа bottom: 0, но до фени. Если что неясно - я вам покажу на изображении. Ясное дело, никаких таблиц, JS, и невалидного кода. Я честно говоря уже второй день только этой проблемой и страдаю (Отредактировано автором: 04 Октября, 2009 - 18:19:27) ----- Yuriy

Ch_chov	Отправлено: 04 Октября, 2009 - 18:34:35
Постоянный участник Покинул форум Сообщений всего: 2121 Дата рег-ции: Июль 2008 Откуда: из города Помог: 90 раз(а)	Может стоит всё содержимое левой колонке заключить в один div ? CODE (text): скопировать код в буфер обмена <div id='left'> <div id='head'> </div> <div id='menu'> </div> <div id='foot'> </div> </div> P.S. Я когда то тоже помаялся с колонками на дивах. В инете полно реализаций, но все они с извратами (отрицательными margin, JS или хуками). Имхо это как раз тот случай, когда таблицам замены нет...

Yuriy	Отправлено: 04 Октября, 2009 - 18:39:46
Частый гость Покинул форум Сообщений всего: 142 Дата рег-ции: Июнь 2007 Откуда: Азов Помог: 0 раз(а)	Ch_chov пишет: Может стоит всё содержимое левой колонке заключить в один div ? У меня так и есть. Но нам это ничего не даёт, ведь мне нужно нижнюю границу примкнуть к низу дива. Грубо говоря, я хочу внутрь дива1 запихнуть див2 и чтобы див2 был примкнут к низу дива1. (Отредактировано автором: 04 Октября, 2009 - 18:42:12) ----- Yuriy

Ch_chov	Отправлено: 04 Октября, 2009 - 19:02:28
Постоянный участник Покинул форум Сообщений всего: 2121 Дата рег-ции: Июль 2008 Откуда: из города Помог: 90 раз(а)	Если высота всех блоков известна, то можно просто задать ее явно через CSS. Так, что бы суммарная высота всех внутренних блоков была равна высоте родительского блока. Или родительскому блоку задать position: relative блоку который нужно примкнуть к нижнему краю position: absolute; bottom: 0px;

koras	Отправлено: 04 Октября, 2009 - 19:25:39
Частый гость Покинул форум Сообщений всего: 224 Дата рег-ции: Окт. 2009 Помог: 0 раз(а)	del (Отредактировано автором: 04 Октября, 2009 - 20:16:39)

Yuriy	Отправлено: 04 Октября, 2009 - 19:34:40
Частый гость Покинул форум Сообщений всего: 142 Дата рег-ции: Июнь 2007 Откуда: Азов Помог: 0 раз(а)	Ch_chov пишет: Если высота всех блоков известна Каким интересным образом, если Yuriy пишет: Задача была сделать колонки одной высоты. ? Ch_chov пишет: родительскому блоку задать position: relative блоку который нужно примкнуть к нижнему краю position: absolute; bottom: 0px; Вот это сейчас попробую. koras, это к чему вообще? (Добавление) Yuriy пишет: Вот это сейчас попробую. Вот, оно самое Ну что, тогда буду верстать дальше, если будут вопросы - спрошу! Ch_chov, благодарю! ----- Yuriy

koras	Отправлено: 04 Октября, 2009 - 20:20:31
Частый гость Покинул форум Сообщений всего: 224 Дата рег-ции: Окт. 2009 Помог: 0 раз(а)	Уберите один див PHP: скопировать код в буфер обмена <html><head> <style> html, body {margin: 0px;padding: 0px;} #left{float: left;width: 700px;border: 1px solid green;height: 100%;} #right{margin-left: 700px;width: 195px; height: 100%; border: 1px solid red;} </style> </head><body> <div id="left">Some text<br />Some textSome text</div> <div id="right"> 444</div> </body> </html> У меня во всех браузерах коректно отображается (Отредактировано автором: 04 Октября, 2009 - 20:21:03)

Yuriy	Отправлено: 04 Октября, 2009 - 20:22:48
Частый гость Покинул форум Сообщений всего: 142 Дата рег-ции: Июнь 2007 Откуда: Азов Помог: 0 раз(а)	koras, этот код для меня неактуален. У меня совсем другая вёрстка. ----- Yuriy

Поиск в теме | Версия для печати

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

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.