|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
14.08.2009, 12:42 | #1 |
Регистрация: 14.08.2009
Сообщений: 8
|
Два DIV`а в "обратном" порядке
Приветствую всех. Есть некая проблема, с которой не могу разобраться. А именно... Есть конструкция вида:
Код:
При попытке задать фиксированную ширину меню ссылок и оставить процентную ширину остальному получается не совсем айс. Вот так выглядит недорешение с заданием в процентах. Код:
upd: Абсолютное позиционирование не вариант. upd: Если уж совсем плохо, можно и с абсолютным позиционированием, но тогда встаёт большой... вопрос с подвалом, который смещается вверх из-за выпадания одного блока из потока. Вот так выглядит моё промежуточное решение с абсолютным позиционированием (и дополнительным выделением бордеров для наглядности). Код:
И как тогда прибить подвал к низу не с помощью JavaScript, а возвожностями CSS только? Последний раз редактировалось white[43]; 14.08.2009 в 15:41. |
14.08.2009, 16:30 | #3 | |
Регистрация: 14.08.2009
Сообщений: 8
|
Цитата:
Но. Float для меню и margin для контента я использовал при "прямом" порядке DIV`ов, когда физически меню располагается раньше контента. И это помогало. В данном же случае float элементарно не сработает, т.к.меню находится уже после контента. |
|
14.08.2009, 19:06 | #4 |
Участник клуба
Регистрация: 04.10.2008
Сообщений: 1,485
|
в таком случае используйте float и для того и для другого
свободен... |
14.08.2009, 20:34 | #5 |
Пользователь
Регистрация: 27.04.2008
Сообщений: 38
|
http://xhtml.ru/instr/3col_creator/
Простейший конструктор (на скору руку) попробуйте... А вообще попробуйте найти статью 'Борьба с прыгающими блоками в IE'... Там хорошо описана и решена проблема 2 DIV в разных браузерах. Последний раз редактировалось sa_t_an; 14.08.2009 в 20:38. |
15.08.2009, 11:14 | #6 |
Регистрация: 14.08.2009
Сообщений: 8
|
wall66
Пробовал и с одним float`ом, и с двумя. Проблема в том, что при наполнении контентом этот блок стремится растянуться на всю ширину экрана, сдвигая меню ссылок вниз. Всё это происходит до тех пор, пока не укажешь ему ширину, вот тогда меню возвращается на один уровень с контентом. Но. Контент должен занимать всё свободное место справа от ссылок, а не иметь указанный ему размер. sa_t_an Спасибо за ответ. Ссылку посмотрел. Занятно, но там генерируется "прямой" порядок, который у меня сейчас уже есть. Мне же нужен "обратный". Статьи поискал и видеоматериал поглазел. Если честно, так и не смог понять, как это мне может помочь. Если намекнёте, буду признателен. To all Наверное, придётся остаться на варианте с абсолютным позиционированием. Закачал виртуальную машинку с IE6, погонял там образцы - всё замечательно. Но тогда каким образом прибить подвал к низу документа? Посмотрел в интернетах какие там есть варианты, но как-то они неработоспособны: либо вообще не имеют эффекта, либо имеют избыточный (подвал уходит ниже видимой области браузера). |
15.08.2009, 13:45 | #7 |
Пользователь
Регистрация: 27.04.2008
Сообщений: 38
|
|
15.08.2009, 14:56 | #8 |
Регистрация: 14.08.2009
Сообщений: 8
|
sa_t_an
Вы можете легко представить себе то, что мне необходимо, если посмотрите последний кусок кода в первом сообщении и обратите внимание на физическое расположение в коде DIV`ов body и navigation, а также на то, как они расположены уже на странице. http://pic.ipicture.ru/uploads/090815/f5l7zMV1JE.png А по сайту, да, у них схожая идея, только у меня навигация должна быть слева. |
15.08.2009, 16:05 | #9 |
Пользователь
Регистрация: 27.04.2008
Сообщений: 38
|
Я прекрасно понимаю что вам нужно, но у меня сложилось мнение, что вы хотите получить уже готовый код...
По моему сдесь такого не будет... Единственное в чем вам можно помочь, так это указать путь поиска, или посмотрев ваш код исправить ошибку. Верстка в две колонки с прижатым к низу подвалом, считается одной из легких даже для начинающих верстальщиков. Информации по теме в интернете куча, и при даже легком поиске можно найти специализированые сайты с полностью рабочими и многочисленными примерами. Я не пойму что тут сложного? Или вы просто только начинаете верстать? |
15.08.2009, 17:21 | #10 |
Регистрация: 14.08.2009
Сообщений: 8
|
sa_t_an
Из тех вариантов и ссылок, что были предложены, приспособить ничего не удалось. Возможно, вёрстка двумя дивами с прижатым к краю окна подвалом является простой даже для начинающего, но мне, к стыду своему, это не удаётся почему-то... Таблицами я чёрта лысого смогу сверстать, а тут два дива и тупик. =/ В итоге сделал с абсолютным позиционированием и прибиванием подвала через JavaScript. Скажете, что сделал через ж... Возможно, но сделал как умею. С дивами никогда вообще не имел ничего общего. Upd: Приаттачил своё решение вопроса. Можно ли это упростить? Последний раз редактировалось white[43]; 15.08.2009 в 18:24. |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
при вводе на листе "магазин"- код товара появлялось "описание" товара из "склада" с "продажной ценой" | aleksei78 | Microsoft Office Excel | 13 | 25.08.2009 12:04 |
блок "cont" с права не принимает значение "margin: 10px;" которое описано в body | tabikA | HTML и CSS | 5 | 24.02.2009 21:50 |
Может ли работать одновременно два "инета"? | Лукманов Александр | Компьютерное железо | 4 | 01.02.2009 20:23 |
если пользователь наберет какой-то другой символ не "y" или "n" и нажмет enter, программа проигнорирует | skobets | Общие вопросы C/C++ | 2 | 03.06.2008 06:51 |
Помогите!Срочно! "Составьте программу получения в порядке убывания всех делителей данного числа" | koston | Паскаль, Turbo Pascal, PascalABC.NET | 2 | 26.03.2008 12:34 |