2012-05-17 2 views
0

У меня возникают проблемы с «дополнительным пространством» внизу страницы. в Opera и Firefox. и по IE, то бывает, что это случается иногда, когда он не на хроме отлично работает нормально. Я новичок в css и html5, и вдобавок к этому. за много времени не сделали никакого веб-дизайна. используется только для использования таблиц и старого html. сайт я имею проблемы с является

http://jconstruction.us.cloudlogin.co/index2.php

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

http://www.jonathansconstruction.com

Если кто-то может помочь, будем рады. Заранее спасибо я действительно нуждаясь это потраченные много времени без успехаДополнительное пространство внизу страницы в некоторых браузерах

Редактировать

Thansks много для все HELP ..... мне удалось решить эту проблему на большинстве браузеров, однако , все еще имея трудное время на IE, если кто-то может помочь, будет очень признателен (уже собирается вытащить мои волосы) lol .. Я даже попытался проверить. и хотя некоторые ошибки, я попытался взять ошибки и все еще, тот же результат.

+0

У вас есть [ошибки проверки HTML] (http://validator.w3.org/check?uri=http%3A%2F%2Fjconstruction.us.cloudlogin.co%2Findex2.php&charset=%28detect+automatically%29&doctype = Inline & group = 0), включая дубликаты идентификаторов. С недопустимым HTML вы почти наверняка будете иметь проблемы с перекрестным браузером. – Sparky

ответ

1

Я нашел проблему, установите это свойство

 .ui-datepicker 
     { 
      position:absolute; 
     } 
+0

Спасибо, ui.datepicker {position: absolute;} Определенно решайте проблемы для всех браузеров, но в IE у меня все еще есть проблемы с нижним колонтитулом (я использую IE 7), я знаю, что старый, но я тоже хотите, чтобы он был совместим со старыми браузерами. кроме того, кнопка facebook «нравится», когда я нажимаю на нее, «окно», которое появляется, чтобы добавить комментарий в IE, появляется за содержимым, поэтому я его не вижу. а также, изображение figcaption не может заставить его выглядеть так же, как в других браузерах, любая помощь была оценена и еще раз спасибо. –

+0

Я не могу получить доступ к кнопкам любой социальной сети, я нахожусь в моем офисе, здесь заблокированы социальные сайты, так или иначе я нашел css выпуск,.contains_social {float: right; margin: 0 auto;} это неверно, если вы хотите использовать свойство auto margin, вы должны удалить свойство float. Спасибо – ShibinRagh

+0

Я удалил маржу автоматически, не имел никакого значения. Если у вас есть шанс, дайте мне знать о социальных кнопках. Кроме того, что это может быть проблемой в IE7? все еще есть дополнительное пространство в buttom страницы Спасибо –

2

Это потому, что вы, возможно, использовали top:-***px; в CSS для любого <div>. Попробуйте использовать абсолютное позиционирование.

0

Чтобы сделать это, я обычно создаю две части на странице:

<body> 
    <div id="main-part"></div> 
    <div id="footer"></div> 
</body> 

Затем стиль его:

#main-part { height: 100%; padding-bottom: 110px; } 
#footer { height: 100px; margin-top: -100px; } 
0

Попробуйте использовать фиксированные верхние и нижние колонтитулы в div с высотой 100%, чтобы пространство не испортилось в каких-либо браузерах. Если вы также можете попробовать более position:relative и попробуйте установить margin-top значения для места.

+0

Я исправил ваше сообщение. Не форматируйте текст как код. – Sparky

0

У меня также была та же проблема. Я нашел решение, делая изменения в CSS:

.Zebra_DatePicker.dp_hidden { 
    visibility: hidden; 
    filter: alpha(opacity=0); 
    -khtml-opacity: 0; 
    -moz-opacity: 0; 
    opacity: 0 
} 

Вместо visibility: hidden; использование display:none; и он будет работать отлично.

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