Div перемещается при изменении размера окна

Привет, я действительно борюсь с этим, не могу понять, что я делаю неправильно. Я создаю сайт моих друзей: bethcalter.co.uk/index.php, и, проверяя его на других браузерах, divs были вне страницы, и когда я изменил размер окна, divs двигались, и я не хочу, чтобы они это делали.Div перемещается при изменении размера окна

Я новичок в HTML/CSS Я не занимаюсь этим много, я больше дизайнер, пожалуйста, помогите, я искал ответы здесь уже, но что-то с моей кодировкой, я думаю, Я попытался дать divs свою собственную оболочку и т. Д., И она не работает.

Мой CSS:

#content { 
    margin:0; 
    width:900px; 
    height:400px; 
    margin-left:360px; 
    margin-top:-930px; 
    background-color: #ffffff; 
    position:absolute; 
} 

#bar { 
    margin:0 auto; 
    width:900px; 
    height:90px; 
    margin-left:360px; 
    margin-top:-1010px; 
    background-color: #ffffff; 
    opacity: 0.4; 
    position:absolute; 

}

Html:

<body> 
    <div id="banner"> 
    </div> 
    <div id="background"> 
    <div id="wrapper"> 
     <img src="images/Statue4.jpg"> 
    </div> 
    </div> 
    <div id="wrap"> 
    <div id="bar"> 
    </div> 
    <div id="content"> 
     <img src='images/deb.jpg' style="margin: 40px 40px 40px 40px"/> 
    </div> 
    </div>  
</body> 
</html>

Пожалуйста, помогите, высоко ценится

источник

2013-03-16 Sarah Bond

Ваш большой ДИВ изображение движется, если вы измените размер окна, потому что вы приехали выровняв его по центру страницы.

Удалить эту строку в CSS в вашем селекторе #wrapper, если вы просто хотите, чтобы он выровненный влево:

margin: 0 auto;

источник

2013-03-16 14:16:26

Большое изображение должно быть по центру, тот дизайн, я удалил код и его неподвижная проблема, но большое изображение должно быть сосредоточено. –

ОК. Я думаю, было бы логичнее установить фоновое изображение на '# wrap'. но если вы хотите сохранить '' в качестве фона, вы должны переместить '

...

' (и все его содержимое) внутри '

...

', а затем установить' #wrapper {position: relative; } ', а затем избавиться от смехотворно высоких полей в' # content' –

Я сделал это, но мне нужно, чтобы контейнеры div были слишком центральными над большим фоновым изображением. Спасибо за вашу помощь. Btw –

Div перемещается при изменении размера окна

ответ

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