سلام
اول بگم که سرچ کردم تاپیک های زیادی رو هم خوندم ولی بیشترشون کمکم نکردن
کد پایین رو ملاحضه کنین
اول بگم که سرچ کردم تاپیک های زیادی رو هم خوندم ولی بیشترشون کمکم نکردن
کد پایین رو ملاحضه کنین
کد:
<html>
<head>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
#header {
background:#0F0;
width:100%;
}
#content {
float:left;
background:#a56;
height:600px;
}
#right {
float:right;
background:#660;
max-width:200px;
height:600px;
}
#footer {
background:#c0c;
width:100%;
clear:both;
}
-->
</style>
</head>
<body>
<div id="header">Header Section</div>
<div id="content">Content Sectionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn</div>
<div id="right">Left Section</div>
<div id="footer">Footer Section</div>
</body>
</html>
مشکلی که پیش اومده اینه که اولا عاملContent Section سایزش با محتوای داخلش تغییر میکنه مشکل بعدی اینکه من میخوام با کوچیک شدن صفحه مرورگر تمامی موارد موقعیت خودشون رو از دست ندن یعنی کوچیک نشن و همچنین عامل Left Section شوت نشه پایین.
من تا حال این کارا رو با جدول انجام میدادم بدون دردسر اما به دلیل سرعت لود css علی رغم میل باطنی مجبور به استفاده از ان شدم فعلان هم در css تازه کار هستم اولین مشکل بزگی که برام پیش اومده همین مشکله که اگه حلش کنید خیلی لطف کردین.
این مشکل اعصابمو ریخته به همقاطی کردم
آخرین ویرایش: