صفحات دو ستونی در CSS


Notice: A non well formed numeric value encountered in /home/musicmai/public_html/prodev/prodev/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/musicmai/public_html/prodev/prodev/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

در هنگام طراحی صفحات با استفاده از CSS بعضی مرتکب این اشتباه میشود که بخش کناری صفحه را در اول صفحه قرار میدهند و بخش اصلی را در زیر آن; به همین علت بازدیدکنندگان تا پایان کار لود شدن بخش کناری باید صبر کنند.
در قسمت کناری صفحه اغلب کدهای javascript برای استفاده از سرویسهای سایتهای مختلف (مثل سایتهای اندازه گیری بازدیدکنندگان یا سایت blogrolling برای لینکهای سایت) وجود دارد به همین خاطر کار لود شدن آن قسمت مدت به نسبت زیادی را به خود اختصاص میدهد. به همین دلیل در صورت قرار گیری این بخش در قسمت بالاتر صفحه کار لود شدن نوشته های اصلی صفحه به تعویق خواهد افتاد.

download

این کار بر خلاف فلسفه طراحی با استفاده از CSS است. ما با استفاده از CSS سعی میکنیم کاری کنیم که مطالب مهمتر زودتر از بقیه موارد ظاهر شوند.
برای قرار دادن بخش اصلی در ابتدای صفحه تگ DIV مربوط به بخش اصلی را در ابتدا و تگ DIV مربوط به بخش کناری را بعد از آن قرار دهید. سپس خصوصیت float مربوط به style بخش اصلی را تایین کنید. مثال:

منتشر شده توسط سامان

فارغ التحصیل کارشناسی نرم افزار، علاقه مند به برنامه نویسی، طراحی وب، تکنولوژی های نوین، یادگیری و فیلم

One comment on “صفحات دو ستونی در CSS”

  1. آفرین. عالی بود. نکته کوچیکی بود ولی خیلی مهمه. عالی.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.