Странно разместване

[xu6thuklx]

Здравейте!
Появи ми се много странен проблем. Направих и кодирах сайт, под всички браузъри излиза добре, но се появи проблем - при някои страници с информация (същите дивове, същите стайлове, абсолютно всичко е еднакво), сайтът се измества изцяло с 5-10 пиксела. Не е нещо фрапиращо, но това го прави на 2-3 от страниците, а другите си излизат нормално и при преминаване от една на друга се забелязва разликата.

Малко по подробно какво представлява:

[css]
#content {
width: 848px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
background-image: url(images/background_c2.png);
background-repeat: repeat-y;
}
#content_up {
width: 848px;
height: 2px;
padding: 10px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(images/up_c2.png);
background-repeat: no-repeat;
}
#content_down {
width: 848px;
height: 2px;
padding: 10px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(images/bottom_c2.png);
background-repeat: no-repeat;
}
#sidebar {
width: 200px;
float: right;
line-height: 1.5em;
margin: 8px 8px 8px 0px;
padding: 10px;
font-size:10px;
text-align: center;
background-color: #202020;
font-weight: bold;
color: #d6d6d6;
}
#leftbar{
margin-top: 5px;
padding: 10px;
width: 595px;
float: left;
text-align: justify;
}
[/css]

<div id="content_up"></div>
<div id="content">
	<div id="leftbar">
	</div>
	<div id="sidebar">
	</div>
</div>
<div id="content_down"></div>

В една от стрниците index.php има скрипт за четене на новини от база данни, ползвам го и в други проекти и в него няма никакви стайлинги, и все пак размества. Има и друго скриптче в sidebar, което изкарва 180px широки снимки. Когато махна двата скрипта и сайта си застава в положението, което трябва. Когато добавя position:fixed; на content, всичко застава както трябва да бъде, но не може да се скролира надоло. Някакви идеи ?

 

[lub4o]

Ако съм те разбрал правилно, това трябва да работи.

#content {
width: 848px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
min-height:1024px;
padding-right: 10px;
background-image: url(images/background_c2.png);
background-repeat: repeat-y;
}
#content_up {
width: 848px;
height: 2px;
padding: 10px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(images/up_c2.png);
background-repeat: no-repeat;
}
#content_down {
width: 848px;
height: 2px;
padding: 10px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(images/bottom_c2.png);
background-repeat: no-repeat;
}
#sidebar {
width: 200px;
float: right;
line-height: 1.5em;
margin: 8px 8px 8px 0px;
padding: 10px;
font-size:10px;
text-align: center;
background-color: #202020;
font-weight: bold;
color: #d6d6d6;
}
#leftbar{
margin-top: 5px;
padding: 10px;
width: 595px;
float: left;
text-align: justify;
}

 

[xu6thuklx]

Не, няма ефект. Пробвах, като сложих <center>text</center> веднага след <body> и то цялата среда на страницата е изменена. Дали е проблем от браузъра, резолюцията или нещо на моята машина или е в самия код ?

 

[lub4o]

Ами попринцип, ако ти е много малко информацията и няма скрол, един вид се измества, но това не е от кода, а просто защото скрола на браузъра се скрива.

Кога точно се получава, когато имаш малко текст?

 

[xu6thuklx]

Когато няма информация си стои с 5-10 пиксела по-всдясно, но имам страница форум и там също има доста информация, но пак си стои така. Страниците на които минава наляво е началната със скрипта за новини и за малките снимки и страница със снимки, но отново малки - никаква информация предизвикваща разпъване. Просто седя, гледам го и му се чудя защо така става...