基本上,当单击一个菜单项时,一些Prototype和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;
}
在动态加载内容时,是否有任何建议或技巧可以让边距保持在一个位置?