2009-12-24 2 views
1

alt text http://img705.yfrog.com/img705/1337/layoutxt.jpgНужна помощь с макетом (JQuery)

Я уже этот макет создан с помощью CSS, но сталкивается с вопросами в IE6 и 7. Так что я хотел бы помочь воссоздать этот макет, используя JQuery (и JQuery Только) для максимальной совместимости. Единственная сложная часть - это по вертикали и горизонтали, изменяемая по размеру (в браузере), а также область содержимого.

Отредактировано для добавления: Мне нужно использовать jQuery только для изменяемой области содержимого, я не хочу использовать высоту: 100% хаки, они не работают хорошо.

Я бы очень признателен за любую помощь. Большое спасибо!

+0

вы, вероятно, могли бы использовать что-то вроде http://www.bigbaer.com/css_tutorials/two-column-header-footer.htm –

ответ

4

Используйте таблицу для вашего макета. Вы получаете бесплатное изменение размера вашего контента - без хаков, без javascript, работает во всех браузерах. Пуристы будут злиться на вас (и меня), но ваш макет будет работать, и ваши пользователи будут счастливы.

Может быть, когда мы получаем широкое внедрение HTML 5 и CSS 3, мы сможем сделать это красиво макеты CSS, но до тех пор ...

+0

Я знал это, но хотел услышать от кого-то еще! ;) – 3zzy

+1

Не проголосуйте за него, это действительный вариант! Да, мы все любим наши div, но трудно отрицать, что таблицы, как правило, намного более стабильны в браузере. – Toji

+1

@Toji - thanx - Я хочу, чтобы, когда кто-то отклонил такое предложение, они включили бы рабочий альтернативный ответ. – Ray

5

Я предлагаю вам не использовать jQuery для этого, но продолжайте делать это в CSS (возможно, вы можете отправить еще один вопрос, как исправить его для IE6 и IE7).

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

Также поисковые системы, такие как Google, вероятно, не смогут сканировать ваш сайт.

Наконец, все, что javascript и jQuery делают, генерируют html-теги и атрибуты css, поэтому вы столкнетесь с теми же проблемами с IE6 и IE7!

+0

Javascript не проблема. Единственное, что мне нужно для использования jQuery для - это область с изменяемым размером, все остальное будет регулярным html/css. – 3zzy

+0

О, это не было ясно из вашего вопроса. Но даже эту часть лучше сделать с помощью CSS. Пока «divide» имеет фиксированную или% длину, тогда область содержимого будет автоматически изменяться. –

1

HTML определяет семантику. CSS определяет внешний вид и макет. И с JS вы можете делать фантастические анимации и вещи AJAX.

Используйте все, для чего оно предназначено. JS также не может ничего другого генерировать HTML и CSS.

С Рождеством!

1

Jquery не будет никакой пользы для вашей проблемы, то javascript framework (library) для ускорения кодирования javascript.

Вы можете сделать это прямо с помощью css или таблиц, но jquery не имеет ничего общего с макетом.

Смежные вопросы