سلام و خسته نباشید به دوستان عزیز
به این کد من یه نگاه بندازین .
اگه امکانش باشه این کد رو تو کامپیوترتون اجرا کنین .
همون تور که میبینید . از دو تا بلوک تشکیل شده که یکیش در سمت راست هستش و توش نوشته شده : این از بلوگ سمت راست
و یکی از بلوگ ها در سمت چپ هستش که توش نوشته شده این از بلوگ سمت چپ
همونطور که میبینید این بلوک ها خیلی خوب در کنار همدیگر قرار گرفتن ولی یه مشکلی وجود داره .
وقتی که مرورگر رو کوچیک میکنم : بلوک سمت چپی به جای اینکه سایزش کوچیک بشه . تغییر سایز نمیده و میاد میوفته زیر بلوک سمت راستی .
آیا این امکان وجود داره که وقتی مرورگر تغییر سایز داد : بلوک ها در کنار همدیگر قرار بگیرند و بلوک سمتی چپی سایزش به ندرت کم بشه . بدون اینکه بیان زیر هم بیوفتن .
منظورم یه چیزی تو مایه های ریسپانسیوه .
میشه تو این زمینه راهنماییم کنین .
به این کد من یه نگاه بندازین .
اگه امکانش باشه این کد رو تو کامپیوترتون اجرا کنین .
همون تور که میبینید . از دو تا بلوک تشکیل شده که یکیش در سمت راست هستش و توش نوشته شده : این از بلوگ سمت راست
و یکی از بلوگ ها در سمت چپ هستش که توش نوشته شده این از بلوگ سمت چپ
همونطور که میبینید این بلوک ها خیلی خوب در کنار همدیگر قرار گرفتن ولی یه مشکلی وجود داره .
وقتی که مرورگر رو کوچیک میکنم : بلوک سمت چپی به جای اینکه سایزش کوچیک بشه . تغییر سایز نمیده و میاد میوفته زیر بلوک سمت راستی .
آیا این امکان وجود داره که وقتی مرورگر تغییر سایز داد : بلوک ها در کنار همدیگر قرار بگیرند و بلوک سمتی چپی سایزش به ندرت کم بشه . بدون اینکه بیان زیر هم بیوفتن .
منظورم یه چیزی تو مایه های ریسپانسیوه .
میشه تو این زمینه راهنماییم کنین .
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
#all{
width:100%;
height:auto;
}
#right{
float:right;
width:200px;
background:#FF0;
height:400px;
}
#left{
float:right;
max-width:900px;
width:100%;
background:#F90;
height:400px;
}
</style>
</head>
<body>
<div id="all">
<div id="right">
این از بلوگ سمت راست
</div>
<div id="left">
این از بلوگ سمت چپ
</div>
</div>
</body>
</html>