Удалите пробелы в верхней части страницы между заголовком и основным контентом, видимым в некоторых браузерах - PullRequest
Новая
       10

Удалите пробелы в верхней части страницы между заголовком и основным контентом, видимым в некоторых браузерах

4 голосов
/ 23 июля 2010

, похоже, проблема с одной из моих страниц.

В некоторых браузерах IE он отображает почти весь экран пустого белого пространства между заголовком и основным контентом, как ни странно на моем компьютере, использующем и Firefox, и т. Е. Страница отображается правильно, однако на некоторых других компьютерах она показывает пустое пространство.

http://kiwiradio.blakjak.net/wxradar.php

Буду очень признателен за помощь, пожалуйста

Ответы [ 7 ]

1 голос
/ 23 июля 2010

Хорошо, я скачал и установил Microsoft Expression 3 Superpreview, чтобы я мог видеть страницу, открытую одновременно в IE6 и IE8, что облегчало поиск сценария преступника.

Оказалось, что это CSS-сценарий, который поставляется со сценарием слайд-шоу, который вызывал проблемы с отображением, при этом при удалении все кажется отображаемым так, как я хочу сейчас с более ранними версиями IE.

Спасибо за вашу помощь. 

<style type="text/css">

/* All Styles Optional */

* {
font-family:arial;
font-size:10pt;
}
div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}
</style>

<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td {
height:21px;
}
</style>
<![endif]-->
0 голосов
/ 29 октября 2010

некоторые люди установлены по умолчанию: * {отступ: 0px; поле: 0px;}

по крайней мере, это помогает все настроить самостоятельно.

0 голосов
/ 19 октября 2010

Используете ли вы UTF-8 с BOM ? Я использовал это несколько раз назад, и у меня возникла похожая проблема. Если это так, измените кодировку на UTF-8 без спецификации.

0 голосов
/ 06 сентября 2010

CSS Решение: 

* { padding: 0; margin: 0; }
0 голосов
/ 23 июля 2010

В случае, если вы не нашли, в чем проблема - проблема с заголовком «Радар и дождь» - вы используете тег, который не используется широко, потому что тег istelf плохо разработан.Если вы не хотите изменять это, самое быстрое и простое решение - добавить высоту для центрального тега «Радар и карты дождя».

0 голосов
/ 23 июля 2010

Это явно ваша боковая панель. Я удалил это, и проблема ушла. Попробуйте сузиться дальше, пока не найдете виновника.

Используйте IE тестер, чтобы существенно помочь с тестированием:

http://www.my -debugbar.com / вики / IETester / HomePage

Удачи

0 голосов
/ 23 июля 2010

Я просмотрел URL: http://kiwiradio.blakjak.net/wxradar.php, в IE 8.0, он идеален, места нет. На случай, если у вас возникнут проблемы. Здесь мало что может пойти не так.

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

  2. Заголовок DIV / Высота таблицы ошибочно установлен для заполнения высоты страницы, а содержимое не заполняет весь DIV / Таблица и т. Д.

Узнайте, какой браузер создает проблему, и посмотрите URL: http://www.quirksmode.org/css/contents.html для любых проблем совместимости.

Я не думаю, что установка полей и отступов поможет, поскольку вы говорите, что пространство для всей страницы.

...