0

Это глюк или у меня кривые руки?
Есть блок <div id='main'>

#main{
min-height: 450px;  
display: block;  
border: 0px solid #6F3833;  
background-image: url('/css/images/portret.jpg');  
background-repeat: no-repeat;  
background-position: right center;  
background-attachment: scroll;  
padding-right: 350px;
text-align: center;    
}  

Если толщина границы не нуль, картинка фона по вертикали выравнивается по центру, а если нет границы - съезжает вниз. Это как так?


Взял и добавил белую границу, с глюком справиться не удалось.

4
  • Я тут ради такого дела даже запустил IE(7)... Нету глюка. При включении границы - тоже. Ссылку бы... И браузер в котором проявляется.
    – SilverIce
    26 дек 2012 в 20:42
  • не пропустил #( #main{ .....)?
    – koza4ok
    27 дек 2012 в 3:32
  • @Dazar, Чтобы отформатировать код, выделите его мышью и нажмите на кнопку {} редактора.
    – Deleted
    27 дек 2012 в 15:34
  • Попробуй поиграться с background-origin, может, это что-то изменит. Я вот для себя уяснил, что это свойство вообще лучше указывать насильно, ибо некоторые браузеры только-только научились его поддерживать, что у меня лично вызвало некоторые недопонимания, особенно - в случае с Оперой.
    – Bars
    6 янв 2013 в 11:50

2 ответа 2

0

Попробуйте так:

#main{
   min-height: 450px;  
   display: block;  
   border: 0 solid #6F3833;  
   background: url('/css/images/portret.jpg') no-repeat center center;
                                                /*либо - right center*/  
   background-attachment: scroll;  
   padding-right: 350px;
   text-align: center;    
}

Должно помочь...

0

Всё получается. См.пример:

#main{
  min-height: 450px;  
  display: block;  
  border: 1px solid #6F3833;  
  background-image: url('https://cdn4.iconfinder.com/data/icons/icocentre-free-icons/170/f-command_256-512.png');  
  background-repeat: no-repeat;  
  background-position: center center;  
  background-attachment: scroll;  
  text-align: center;    
}
<div id='main'>

2
  • 1
    зачем вы отвечаете на вопросы шестилетней давности?
    – sinedsem
    14 мая 2018 в 15:45
  • Хороший вопрос)))) а я дату как-то и не заметил, хаха)
    – Alex
    14 мая 2018 в 15:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.