компоновка css Fluid с помощью Google Map

Question

Недавно я работал над макетом сайта и застрял в CSS. Мне нравится думать, что я мог бы следовать простым учебным пособиям для макета нижнего колонтитула из 2 столбцов, но я застреваю с содержанием одного из столбцов.

Дизайн двух столбцов будет состоять из левой карты Google Map и правой боковой панели фиксированной ширины. Я пробовал следовать многим примерам такого рода макетов, но я всегда сталкиваюсь с проблемой поддержания гибкой стороны карты Google. В основном, Google Map не любит оставаться подвижным. Я испробовал каждое решение CSS, которое смог найти, с отрицательными полями, плавающими позициями, абозульским позиционированием (GMaps действительно ненавидит это) и даже пробовал таблицы (дрожь).

У кого-нибудь есть идеи по решению этой проблемы?

Answer 1

Посмотрите на сетки Yahoo YUI.

Yahoo YUI сетки

Фреймворк YUI CSS предоставляет очень настраиваемое количество макетов сетки. Ширина страницы варьируется от 750px, 950px, 974px до 100%, и существуют шаблоны, которые обеспечивают фиксированную ширину левого и правого столбцов - все гарантированно будут работать корректно во многих браузерах. Их выбор размеров также связан с общими размерами рекламы, что облегчает размещение рекламы, если вы того пожелаете. Все страницы на Yahoo используют эти макеты ..

У вас также есть возможность включить возможности «сброса», чтобы все браузеры были настроены на общий макет с учетом шрифтов, отступов, полей и т. Д.

Это сделало основную разработку веб-страниц намного более легким, менее сложным процессом для меня!