Страница непреднамеренно расширяется - PullRequest
Новая
       24

Страница непреднамеренно расширяется

0 голосов
/ 31 января 2012

Я недавно работал над сайтом и столкнулся со странной проблемой.Всякий раз, когда я перемещал влево, страница увеличивалась на количество пикселей, которые я перемещал влево от центра.Это не мешает функциональности, но очень неприятно иметь пространство в 300-400 пикселей, которое вы можете прокрутить в сторону.Может быть, я делаю что-то не так, но любая помощь будет оценена.

Это пример того, что я делаю: 

<html> 
<body style="background-image: url('Background-Large.jpg'); text-align: center">
<div style="position:relative;top: -605px; left: 295px;"></div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 31 января 2012

Я не совсем уверен, чего вы здесь добиваетесь, но если вы добавите «overflow: hidden» на тело, это позволит вам расположить ваш div на странице без добавления полосы прокрутки.

0 голосов
/ 31 января 2012

Это потому, что ваш DIV установлен: 

left: 295px;

Если вы хотите, чтобы DIV находился в центре, первое, что вам нужно сделать, это сделать «основной контейнер»: 

<style type="text/css">
.wrapper {width:500px;margin:0 auto -1.5em;}
</style>

<div class="wrapper">
</div>

Затем оттуда вы можете добавить элементы внутри контейнера, который теперь центрирован: 

<div class="wrapper">
     <div style="float:left;margin-left:-295px;">
     </div>
</div>
...