Printable View
سلام دوستان
در مورد قالب بندی صفحه با DIV در CSS بدون استفاده از جدول راهنمایی میخواستم.
تاحدودی با HTML و CSS آشنا هستم تو اینترنت چیزی در مورد tableless یا پیدا نکردم یا فقط مزیتاش بود و خلاصه.
لطفا راهنمایی کنید ، اگر هم آموزشی دارین لینک بدین ، ممنون
از مدیران سایت هم عذر میخوام اگر اشتباهی پست زدم ، من تو فروم تازه کارم:20:
نه جای خوبی پست زدین.باید از div استفاده کنین مثلا":
[HTML]
<div id="wrapper">
<div id="header"></div>
<div id="sidebar"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
[/HTML]حالا توی css وضعیت header و footer که معلومه فقط باید width و height َشون تایین بشه ولی در مورد content و sidebar باید از float استفاده کنین مثلا:
همین در ضمن اون سایز ها تقریبی بود و قابل تغییره.کد:#content{
width:660px;
float: right;
}
#sidebar{
300px;
float:left;
}
یه نکته ی دیگه که باید در نظر بگیرین اینه که با float یه مقدار background شما دچار مشکل میشه اونم راه حلش اینه که بعد از تمام شدن content و sidebar یه clear بزارین کد کامل html :
[HTML]
<div id="wrapper">
<div id="header"></div>
<div id="sidebar"></div>
<div id="content"></div>
<p style="clear:both;"></p>
<div id="footer"></div>
</div>
[/HTML]
واقعا دستتون درد نکنه تقریبا مشکلم حل شد!
بازم اگه نکته ای هست در مورد Tableless ممنون میشم اگه اشاره کنید.
چیز خاصی نیست فقط پیشنهاد میکنم چون با ابن نوع طراحی نا آشنا هستین طول wrapper رو سایز بزارین (مثلا" 960px)چون اگه 100% باشه به مشکل بر میخورین حالا وقتی یه مقدار حرفه ای تر شدین.در ضمن طرز استفاده از margin و padding رو هم سرچ کنین و یه نگاه بندازین.