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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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