Проблемы со стилем CSS

Question

Я новичок, и я боролся за то, чтобы этот сайт работал так, как хотелось бы.Благодаря совету на этом форуме, чтобы включить специфическую таблицу стилей IE7, я почти на месте, но с парой мелких проблем осталось.Некоторые стили просто не будут работать, и я начинаю отчаиваться!У меня есть три проблемы, и если кто-нибудь сможет пролить свет на эти вопросы, я буду очень счастлив!

1. Во всех браузерах (обе таблицы стилей), текстовое поле main p справа -появляется только на страницах «studios.htm» и «contactus.htm» - я понятия не имею, почему, и я безуспешно пытался поиграть со всеми стилями.

2. На месте.htm 'page Я не могу расположить нижний колонтитул "позади" Карты Google, как строки изображений расположены на других страницах.Я попытался изменить поля, отступы и z-index, но, похоже, это ничего не изменит - мне удается расположить нижний колонтитул в нужном месте, но карта Google остается "позади" так, чтобы нижняя частьэтого не видно.

3. ТОЛЬКО для IE7: форматирование текста CSS, похоже, совсем не меняет размер шрифта.В результате текст становится слишком большим, а на страницах "studios" и "thingstodo" это приводит к тому, что самая нижняя часть текста становится слишком низкой и скрывается за изображениями.Если текст был правильным

Сайт находится здесь: http://bit.ly/gaAthc

Основной CSS: http://jsfiddle.net/ykbhd/ CSS для IE7: http://jsfiddle.net/bdwrY/

Заранее спасибо!

Answer 1

1) Причина, по которой это кажется правильным, иногда заключается в простом разрыве текста в ваших абзацах.Ваши p теги занимают всю ширину вашего main div, поэтому правильное заполнение не поможет.Вместо этого просто добавьте немного отступа на ваше изображение.

Строка 190:

#target2
{
    float: right;
    padding-left: 5px;
}

2) Вы можете использовать отрицательные поля так же, как и для строк изображения.

Строка 178:

#googlemap
{
    margin-bottom: -130px;
}

3) Удалить margin-bottom: -10px; из этого правила:

#container #main #rotxt
{
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 0.8em;
    margin-top: 35px;
    padding-left: 1px;
}

Обновление

Для нижнего колонтитула карты Googleпроблема в IE7, попробуйте добавить это правило в таблицу стилей IE7 (см. здесь для получения информации об условных комментариях):

#footer
{
    z-index: -1;
    position: relative;
}

Answer 2

1. Добавить переполнение: скрыто;#main p