Почему моя граница слишком широкая в chrome

Итак, я пытаюсь получить divs с фоном для отображения на моей веб-странице. В IE это выглядит очень хорошо, но в Chrome страница выглядит хорошо, когда она не в полноэкранном режиме, и когда вы делаете окно в полноэкранном режиме, граница на div 2 имеет ширину около 20 пикселей с правой стороны. Первым div должен быть размер доступного экрана, а второй - 75% от его центра. Он также выглядит так, как будто хром не видит мою 100% -ую высоту на первом div. Вот мой CSS стилей:Почему моя граница слишком широкая в chrome

@charset "utf-8"; 
/* CSS Document */ 

#main {  
    background-repeat:no-repeat; 
    background-size:cover; 
    font-size: 24px; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    text-align:center; 
    padding:40px; 

    height:100%; 
    width:100%; 
    position: relative; 
    background-image: url(../graphics/craig-smith-background.jpg); 
} 

#body { 
    min-height:500px; 
    width:75%; 
    background-repeat:no-repeat; 
    background-image: url(../graphics/back2.jpg); 
    margin: 0 auto; 
    position:relative; 
    border:groove; 
    border-color:#333; 
    border-width:5px; (edit) 
    padding:0; 
}

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

(редактировать) я должен указать, есть 20px пространство между границей и изображением на правой стороне, где вы можете увидеть фоновую фотку DIV 1.

источник

2013-02-25 Craig Smith

Можете ли вы предоставить более код, а не только ваш стиль? Возможно, создайте jsFiddle? http://jsfiddle.net/ –

Извините, что такое jsFiddle? –

@CraigSmith, [jsfiddle - это сайт, где вы можете создавать уменьшенные тестовые примеры и легко сохранять и делиться они] (http://jsfiddle.net). – zzzzBov

Проблема была не обновляя Dreamweaver локальных файлов, я изменил файл изображения в Photoshop и сохранили его. Dreamweaver не видел обновление файла.

источник

2013-03-01 13:35:57

border:groove; 
border-color:#333; 
border-width:thick;

Не используйте thick, укажите количество пикселей, которое вы хотите. «2рх», 5px», что угодно.

источник

2013-02-25 21:27:49

У меня есть идея, как вы делаете хром для использования новых таблиц стилей. Может быть, это не загрузка моих изменений. Изображение было слишком маленьким, чтобы начать, и я это сделал. переход на 5px не изменился. –

@CraigSmith, Ctrl + F5 должен заставить Chrome игнорировать кеш, когда он обновляется. – zzzzBov

Это не сработало ни –

Почему моя граница слишком широкая в chrome

ответ

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