-
قالب بندي با div
سلام
يه سوال كوچيك:
ميخوام 3تا ديو داشته باشم كه يكي با اندازه ي خاص وسط قرار بگيره و دوتاي ديگه چپ و راستش رو كاملا" بپوشونن:
html:
[HTML]<div id="bg">
<div id="left">
<div id="topLeftbg"></div>
</div>
<div id="center">
<div id="header">
</div>
</div>
<div id="right">
</div>
</div>[/HTML]
css:
کد:
body {
font : 9pt Verdana, Arial, sans-serif;
margin : 0px;
padding : 0px;
list-style: none;
background-color: #000;
}
#bg {
width : 100%;
position: absolute;
}
#left {
float : left;
height : 100%;
background: url('images/leftbgrepeat.gif') repeat;
}
#topLeftbg {
background: url('images/headerleftrepeat.gif') top left repeat-x;
width : 100%;
height : 222px;
}
#right {
float : right;
}
#center {
float : left;
margin : auto;
width : 850px;
}
#header {
float : right;
width : 850px;
height : 222px;
background: url('images/header.gif') top right no-repeat;
}
(البته در اينجا دوتا ديو ديگه :topleftbg و header هم هست كه فكر نكنم در اصل قضيه فرقي كنه)
خيلي تو نت سرچ كردم، يه چيزايي پيدا كردم اما با هيچ كدوم به جواب نرسيدم
ممنون ميشم كمك كنين
-
اينجوري؟
[HTML]<html><body>
<div id="middel" style="width:400px;">
<div id="left" style="float:left;width:50%; background-color:#000066;"></div>
<div id="right" style="float:right;width:50%;background-color:#FF0000"></div>
</div>
</body></html>[/HTML]
