سوال در مورد تگ div

سلام دوستان
چندتا سوال داشتم از خدمتتون ،

من داشتم تگ div رو تمرین میکردم که به یه مشکل برخوردم
اول توی یه فایل html سه تا div تعریف کردم ، و متن داخلشون رو گذاشتم
ولی دیگه رنگ و ... نزدم بهشون
بعدش یه فایل css درست کردم ، توی اون div ــی که میخواستم header باشه رو زرد کردم ، منوی سمت چپ سایت رو قرمز کردم و قسمتی که میخواستم سمت راست منو باشه رو سبز.
بعد بهشون سایز دادم ، با هدر و منو مشکلی نداشتم اما وقتی به منو width:25% و به قسمت مطالب سایت ( همون قسمت سبز ) width:75% میدم ، اون قسمت سبز میره پایین درصورتی که میخوام کنار قسمت فرمز باشه :

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

دو تا سوال دیگه داشتم :
ما که رزولوشن مانیتور بازدید کننده سایت رو نمیدونیم ، سایز ها رو باید به صورت درصد قرار بدیم؟؟
اینکه گزینه inherit که برای width و height استفاده میشه چیکار میکنه؟؟

ممنون

float رو درست کنید. یکی رو left و یکی رو right قرار بدید.
اندازه رو هم درست کنید یکی رو اگر میزارید 25 درصد اون یکی رو 70 74 بزارید

مسئله رزولیشن خیلی گستردس. اول طراحی رو یادبگیر تا بعد بهت بگم مشکله رزولیشن رو چه جوری حل کنی.
چندین راه هست :
استفاده از اندازه درصدی.
تعریف استایل شرطی برای رزولیشن های مختلف
اسفاده از فریم ورک مثله bootstrap
و در موارد حرفه ای از مدیا کوئری css3 هم استفاده می کنن.

به این نوع طراحی که رو هر رزولیشنی نمایش داده بشه طراحی رسپانسیو میگن.

برای سوال آخر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] رو بخونید

موفق باشید