PDA

View Full Version : سوال: قالب بندي با div


pezhman32
یک شنبه 21 تیر 1388, 18:14 عصر
سلام
يه سوال كوچيك:
ميخوام 3تا ديو داشته باشم كه يكي با اندازه ي خاص وسط قرار بگيره و دوتاي ديگه چپ و راستش رو كاملا" بپوشونن:

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>

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 هم هست كه فكر نكنم در اصل قضيه فرقي كنه)

خيلي تو نت سرچ كردم، يه چيزايي پيدا كردم اما با هيچ كدوم به جواب نرسيدم
ممنون ميشم كمك كنين
mosi-online
سه شنبه 23 تیر 1388, 16:04 عصر
ميخوام 3تا ديو داشته باشم كه يكي با اندازه ي خاص وسط قرار بگيره و دوتاي ديگه چپ و راستش رو كاملا" بپوشونن:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>New Page 6</title>
<style>
body {
font : 9pt Verdana, Arial, sans-serif;
margin : 0px;
padding : 0px;
list-style: none;
background-color: #fff;
}
#bg {
width : 100%;
position: absolute;
}

#left {
float : left;
height : 100%;
background: #000;
}

#topLeftbg {
background: url('images/headerleftrepeat.gif') top left repeat-x;
width : 100%;
height : 222px;
}

#right {
float : right;
height: 100%;
background: #000;
}

#center {
width : 785px;
background: #ff0000;
}

#header {
float : right;
width : 100%;
height : 222px;
background: url('images/header.gif') top right no-repeat;
}
</style>
</head>

<body>
<div id="header">Background Header</div>
<div id="left">fdffdfdfdd</div>
<div id="right">fdfddddddddddfdfdfdd</div>
<div id="center">fdfd</div>



</body>

</html>
pezhman32
چهارشنبه 24 تیر 1388, 00:25 صبح
ممنون
ولي بهم ريختست! (=درست كار نميكنه)
mosi-online
چهارشنبه 24 تیر 1388, 16:12 عصر
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>gfgf</title>
<style>
/*www.bolur.net*/
body {
background: #f5f5f5;
}
#warpper {
margin:0px auto 0px;
width:800px;
}
.logo {
background-image:url(asd.jpg);
height:186px;
text-align:right;
width:800px;
}
#mainbody {
background-color:#F1F8E9;
float:right;
width:800px;
}
#rightmenu {
background-color:#F1F8E9;
float:right;
width:158px;
}
#centermenu {
background-color:#FFFFFF;
float:right;
padding-left:5px;
padding-right:5px;
width:472px;
}

#leftmenu {
background-color:#F1F8E9;
float:right;
text-align:right;
width:159px;
}
/*Size ro khodet tanzim kon*/
</style>
</head>

<body>
<div id="warpper">

<div class="mainblock"><div class="logo">
Matn testy
</div>
</div>
<div id="mainbody">

<div id="rightmenu">gfgf</div>

<div id="centermenu">fddddddd dddddddddddddddddddd
</div>

<div id="leftmenu">
www.bolur.net

</div>

</div>

</div>
</body>

</html>

این رو برات نوشتم.
pezhman32
جمعه 26 تیر 1388, 11:37 صبح
سلام
خيلي ممنون از لطفتون اما:

ميخوام 3تا ديو داشته باشم كه يكي با اندازه ي خاص وسط قرار بگيره و دوتاي ديگه چپراستش رو كاملا" بپوشونن و
كد پست آخر شما به rightmenu و leftmenu طول 159px رو ميده در حالي كه من مي خوام به درصد باشه و اينو هم ميدونم كه اگه 3تا div كنار هم باشن بايد طول به هرسه يا با px مقدار دهي بشن يا با % اما خوب بايد يه راه حلي باشه ديگه
واينكه خودم با جاوا اسكريپت درستش كردم اما استفاده از جاوا اسكريپت در يه چنين جايي غير اصوليه و بايد دنبال راه حل css بود
به هر حال ممنون