Блог

Главная - Вопросы по программированию - Перезаписанный CSS

Перезаписанный CSS

#css

#css

Вопрос:

У меня есть блог на http://olisan.dk/blog / — как вы можете видеть, там есть разрыв размером 28 пикселей (верхнее поле)… В стиле.css:

margin-top: 0; также было установлено значение margin-top: 0 !important; ни один из них не работал так, как хотелось — я могу видеть margin-top: 28px !important в FireBug, расположенном в «blog # 2» (!??)

Мы будем признательны за любую помощь.

Комментарии:

1. Где этот большой пробел? Я не вижу этого в Chrome?

2. Safari говорит, что это padding-top: 20px; margin-top: 0px; для меня

3. В FF4 и IE8 также нет пробелов / полей.

4. В каком браузере вы его просматриваете? Какой элемент сообщает об этом поле?

Ответ №1:

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

 wp_deregister_script('admin-bar');
wp_deregister_style('admin-bar');
remove_action('wp_footer','wp_admin_bar_render',1000);

http://italkless.com/remove-wordpress-3-1-admin-bar-easily.html

Ответ №2:

Строка 194 style.css содержит следующее

 #topbody {
    width: 939px;
    margin-left: auto;
    padding-top: 20px;
    margin-right: auto;
}

Измените на…

 #topbody {
    width: 939px;
    margin-left: auto;
    margin-right: auto;
}

Избавится от белого промежутка сверху.

Ответ №3:

..найдите свой header.php и сразу после вызова wp_head вставьте следующий код <style type="text/css" media="screen">
html { margin-top: 0px !important; }
* html body { margin-top: 0px !important; }
</style>