По сути, при нажатии на элемент меню, небольшая часть прототипа и PHP запрашивают и отображают страницы без обновления, проблема заключается в том, что всякий раз, когда загружается много контента (в основном текстового), это нарушает выравнивание моей страницы, основной оболочки и этосодержимое слева aprox.10px.
Это мой текущий макет:
<div id="main-wrapper">
<div id="header">
<div id="header-elements">
<div class="logo"></div>
</div>
</div><!--end header-->
<div id="content">
<!--PHP/Prototype dynamic loading-->
</div><!--end content -->
</div><!--end main wrapper -->
CSS
#main-wrapper {
width:890px;
margin:0px auto;
position:relative;
}
#header {
position:relative;
width:auto;
margin:0 auto;
}
#header-elements {
height:108px;
margin:0px auto;
}
.logo {
position:absolute;
display:block;
width:290px;
height:60px;
}
#content {
position:relative;
}
Есть ли какие-либо предложения или хитрости для того, чтобы поля оставались в одном месте при динамической загрузке контента?