صفحات
دو ستونی در CSS
در هنگام طراحي صفحات با استفاده از 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>
بازگشت به فهرست
بازگشت به صفحه نخست