در هنگام طراحي صفحات با استفاده از CSS بعضي مرتكب اين اشتباه ميشود كه بخش
كناري صفحه را در اول صفحه قرار ميدهند و بخش اصلي را در زير آن; به همين علت
بازديدكنندگان تا پايان كار لود شدن بخش كناري بايد صبر كنند.
در قسمت كناري صفحه اغلب كدهاي javascript براي استفاده از سرويسهاي سايتهاي
مختلف (مثل سايتهاي اندازه گيري بازديدكنندگان يا سايت blogrolling براي لينكهاي
سايت) وجود دارد به همين خاطر كار لود شدن آن قسمت مدت به نسبت زيادي را به خود
اختصاص ميدهد. به همين دليل در صورت قرار گيري اين بخش در قسمت بالاتر صفحه كار لود
شدن نوشته هاي اصلي صفحه به تعويق خواهد افتاد.
اين كار بر خلاف فلسفه طراحي با استفاده از CSS است. ما با استفاده از CSS سعي
ميكنيم كاري كنيم كه مطالب مهمتر زودتر از بقيه موارد ظاهر شوند.
براي قرار دادن بخش اصلي در ابتداي صفحه تگ DIV مربوط به بخش اصلي را در ابتدا و
تگ DIV مربوط به بخش كناري را بعد از آن قرار دهيد. سپس خصوصيت float مربوط به
style بخش اصلي را تايين كنيد. مثال:
<html>
<head>
<style>
.Page_body { background-color: #FF0000;float:left }
.Page_side { background-color: #0000FF; }
</style>
</head>
<body>
<div class="Page_body">Page contents here</div>
<div class="Page_side">Page Side Contents</div>
</body>
</html>
