Один и тот же div нижнего колонтитула на разных страницах выглядит по-разному - PullRequest
Новая
       16

Один и тот же div нижнего колонтитула на разных страницах выглядит по-разному

1 голос
/ 29 июля 2011

Я только что исправил одну проблему с моим нижним колонтитулом и сделал еще одну:)

В настоящее время у меня сломан нижний колонтитул на этой странице:

http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189

Видите, как нижний колонтитул проходит по всей странице?

Теперь посмотрите здесь:

http://www.comehike.com/earn_money.php

Нижний колонтитул находится по всей странице, а также имеет большие буквы.

Вотстиль для моего нижнего колонтитула, который, я думаю, используется обеими страницами.Хотя это мышление может быть проблемой здесь:) 

/* styles for footer */

.footer
{
    padding: 0.5em 0;
    margin: 0 auto;
    margin-bottom: 20px;  
    text-align: center;
    vertical-align:center;
    background: #fff;
    color: #462c1f;
    border: 10px solid #fff;  
}
.footer a, .footer span {
    color: #462c1f;
    font-size:85%;
}
.footer a {
    color: #7E9940;
    font-size:85%;
}

.footer a:hover {
    text-decoration: underline;
    color: #3f6b30;
}

Ответы [ 3 ]

5 голосов
/ 29 июля 2011

второй случай (который я считаю правильным) http://www.comehike.com/earn_money.php, имеет .footer внутри .mainBody

Первый случай (http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189) находится снаружи!

Вот почему все по-другому.

Проблема не в CSS (в данном случае), а в том, где нижний колонтитул находится в html, который наследует стили от других контейнеров.

2 голосов
/ 29 июля 2011

Нижний колонтитул центрируется, потому что с границей он имеет ту же ширину, что и основной раздел над ним, и не имеет никаких полей / отступов вне его, что влияет на его размещение.

Что касается размера текста, нижний колонтитул в http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189 наследует размер текста от body, который имеет стиль font-size: 1em;, а нижний колонтитул в http://www.comehike.com/earn_money.php наследует размер текста от div#layout2.content, где класс .content имеет стиль font-size: 13px;

1 голос
/ 29 июля 2011

Бьюсь об заклад, вы слишком рано закрываете тег div или что-то в этом роде. Попробуйте поиграть с добавлением тега </div> до, а затем после нижнего колонтитула и посмотрите, что это делает. Поочередно удалите тег </div> и посмотрите, что он делает. Наложение маршрута может быть способствующим фактором, но трудно сказать, не имея возможности отладить это подробно, чтобы увидеть.

...