السلام عليكم
اريد عرض مربعين بجانب يعض الاول يكون عرضه 200 بكسل والثاني ياخذ حجم باقي الصحفة او 100% من ما تبقي من الصفحة!!
هذه الصورة توضح المقصد
هذا الكود الذي استخدمه
كود:
html, body {
font: 85% arial, helvetica, sans-serif;
background: #fff;
color: #777777;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.frame-container {
float:left;
width: 100%;
height:100%;
overflow:auto;
background-color: #fff;
}
.frame-left {
float:left;
width:200px;
height:100%;
overflow:auto;
background-image: url('../images/bglines.png');
position: relative;
}
.frame-right {
float:left;
width:100%;
height:100%;
overflow:auto;
padding: 10px;
background-color: #e9e9e9;
position: relative;
}
وهذا كود ال html
كود:
echo '<div class="frame-container">
<div class="frame-left">';
echo '200px width';
echo '</div>
<div class="frame-right">';
echo '100% width';
echo '</div>
</div>';
المشكلة ان المربع اليمين عرضه 800px وليس 100%
واذا غيرت العرض من 800 الي 100% ينزل المربع تحت المربع الاول والذي عرضه 200 بكسل!!!
فكيف ممكن حل هذه المشكلة؟؟؟
شكرا