Как мне исправить серьезную проблему программирования в Chrome и Firefox? - PullRequest
Новая
       20

Как мне исправить серьезную проблему программирования в Chrome и Firefox?

0 голосов
/ 13 июля 2011

После поиска повсюду и проверки моего кода несколько раз (и исправления ошибок) я не знаю, что делать.Я начал программировать этот макет в Firefox, и все выглядело отлично, затем пошел, чтобы проверить Chrome и убедиться, что он в порядке и низок, и вот, Chrome облажался.

Сайт находится здесь: http://semperfiwebdesign.com/slipstick/ Проблема в полях классов footer и footer_top.

И я записал различия в кодах для полей нижнего колонтитула, и они тупо большие.Ниже приведен CSS оригинала: 

.footer_top {
float: right;
margin-right: -26px;
margin-top: 69px;}

.footerlinks {
float: right;
margin-right: 120px; }

#text-14 { 
float: right;
margin-right: -25px;
text-align: center;
margin-top: -69px;

}

Они запускаются в том порядке, в котором они отображаются в нижнем колонтитуле.Таким образом, footer_top - это поле с верхней и нижней рамкой, ссылки в нижнем колонтитуле - это абзац нерабочих ссылок, и, наконец, # text-14 - это изображение "ad" под ссылками.Я извиняюсь за странные названия классов, но WordPress дал мне их много.

Теперь, увидев, что выше, вот что я понял, используя Firebug в Chrome, к тому, что Chrome хочет исправить: 

#text-14 {
margin-top: -190px; }

.footerlinks {
margin-top: -279px; }

.footer_top { 
 margin-top: -422px;}

Очевидно, что это немного абсурдно, и я не могу поставитьэти цифры в реальную таблицу стилей без действительно испортить весь макет.

Я буквально искал почти везде, и я нахожусь в своем уме.Я понятия не имею, куда идти с этим.Я бы опубликовал весь CSS, но так как это WordPress сайт, он немного длинный.Поэтому, если вам нужно увидеть что-то еще, пожалуйста, спросите, и я опубликую это.

Спасибо, Меган

1 Ответ

0 голосов
/ 13 июля 2011

set #container -> position: относительный; 

#primary {
    background-color: #002E5B;
    color: white;
    /*float: left;*/
    height: 100%;
    left: 0;
    /*margin-left: -685px;
    margin-top: -30px;
    min-height: 2500px;*/
    position: absolute;
    top: 0px;
    width: 168px;
}

и удалите все ссылки на #primary в 3c-c-fixed.css

Надеюсь, это поможет

...