واضح آرشیو وب فارسی:سایت ریسک: مشکل من با divهای درصدی Ehssan_it 06 دي 1389, 12:06من دارم یه سایت طراحی می کنم ( اولین باری هست که میوخام بدون تیبل باشه ) و خیلی با خصوصیات div مشکل پیدا کردم . یه عکس از سایتی که می خوام داشته باشم تهیه کردم 2 مربه راست و چپ اندازشون بر حسب پیکسله و 2 مستطیل ( منو و قالب اصلی ) بر حسب درصد باید تو مرورگر ها تغییر پیدا کنه . ممنون میشم اگه یکی همچین قالبی برای من تهیه کنه. خودم از دیروز همه اینترنت رو زیر و رو کردم هر چی صفت و خصوصیت بود به این div دادم .... Ehssan_it 06 دي 1389, 15:50البته خودم یه کارایی کردم ولی اونی که می خوام نیستش pouya saadeghi 07 دي 1389, 09:16نمونه : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""> <html xmlns="" xml:lang="en"> <head> <title>Example 5: Negative Margins</title> <meta "Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css" media="screen"> /*<![CDATA[*/ #header { border: 1px solid #cecea 5; background: #d 7dabd; } #outer_wrapper { background: #fff url(background_3.gif) repeat-y left; } #wrapper { background: url(background_2.gif) repeat-y right; } #container { width: 100%; float: left; margin-right: -200px; background: url(background_2.gif) repeat-y right; } #content { margin-right: 200px; background: url(background_3.gif) repeat-y left; } #main { margin-left: 150px; } #left { width: 150px; float: left; } #sidebar { width: 200px; float: right; } #footer { border: 1px solid #cecea 5; background: #d 7dabd; } h1 { margin-top: 0; } .last { margin-bottom: 0; } .clearing { height: 0; clear: both; } /*]]>*/ </style> </head> <body> <div id="header">header</div> <div id="outer_wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="left"> <h1>navbar</h1> <ul> <li>link one</li> <li>link two</li> </ul> </div> <div id="main"> <h1>content</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus varius eleifend tellus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla facilisi. Sed wisi lectus, placerat nec, mollis quis, posuere eget, arcu.</p> <p class="last">Donec euismod. Praesent mauris mi, adipiscing non, mollis eget, adipiscing ac, erat. Integer nonummy mauris sit amet metus. In adipiscing, ligula ultrices dictum vehicula, eros turpis lacinia libero, sed aliquet urna diam sed tellus. Etiam semper sapien eget metus.</p> </div> </div> </div> <div id="sidebar"> <h1>sidebar</h1> <p>Here be your sidebar. Add whatever content you may desire.</p> </div> <div class="clearing"> </div> </div> </div> <div id="footer">footer</div> </body> </html> Ehssan_it 07 دي 1389, 17:46میدونم پر روئیه ولی اگه زحمتی نیست مثال خودم رو تکمیل کنی ممنون میشم می خوام بدونم خودم کجا ها رو اشتباه فرمت بندی کردم pouya saadeghi 07 دي 1389, 20:03خب خودتون css ها رو مقایسه کنید تا ببینید مشکل کجاست! :-? Ehssan_it 08 دي 1389, 11:06... 4 روزه که روز و شبم شده css نزدیکه شبا خواب css ببینم دیگه ذهن من بیشتر از اون مثالی که درست کردم نمیکشه. echessdesign 11 دي 1389, 16:31ارادت پویا که زحمت کشید و کد اصلاح شده رو برات قرار داد، تعجب می کنم، نمی تونید مقایسه کنید؟ کد شما رو اصلاح کردم و قرار دادم، اما توجه داشته باشید که کمتر کاربری مانند پویا هست که وقت بزاره و از نو برای شما طراحی کنه! موفق باشید سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 658]