سوال: دادن استایل به div ها [بایگانی]

saman-arsenal

شنبه 03 فروردین 1392, 01:08 صبح

سلام دوستان عزیز
من چند ماه طراحی سایت و شروع کردم و یه سوال از شما دوستان دارم

من میخوام به div هام طوری استایل بدم که به این شکل در کنار هم قرار بگیرن :

101798

ممنون میشم که با زبانی ساده بگید که باید چیکار کنم ؟؟
در ضمن div3 به پهنای body هست و بقیه اش در پشت div2 باید قرار بگیره و در هرکدام از این دیوها یک عکس به عنوان بکگراند لود میشه

saeedtrb

شنبه 03 فروردین 1392, 10:47 صبح

براي درآوردن صفحه به اين شكل از روش هاي زيادي مي توني استفاده كني كه يكي از اين روش ها به اين صورته

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#main
{
width:500px;
height:500px;
background:#0F0;
}
#div1 {
width: 202px;
height: 50px;
background: #069;
float: left;
}
#div2 {
width: 100px;
height: 200px;
background: #CCC;
float: right;
position: relative;
z-index:1;
margin: -1px 150px 0 0;
}
#div3 {
width: 350px;
height: 50px;
background: #069;
float: left;
margin: -35px 0 0 0;
}
</style>
</head>
<body>
<div id="main">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
</html>