PDA

View Full Version : سوال: یک طراحی خیلی ساده


IMANAZADI
چهارشنبه 20 آذر 1392, 11:49 صبح
با سلام خدمت دوستان
یه خواهش کوچولو دارم
میخوام یه طراحی خیلی ساده با CSS انجام بدم
عکس ضمیمه رو میخوام بطور اصولی طبق قوانین CSS درست کنم


توضیحات
میخوام هدر 30 درصد کل صفحه باشه
فوتر 20 % کل صفحه باشه
سایدبار هم نمونه عکس ، 20 درصد عمودی صفحه از سمت راست
قسمت محتویات میان هدر و فوتر
در کل قسمت های هدر و فوتر و .. از div استفاده شود

ممنون میشم
qartalonline
چهارشنبه 20 آذر 1392, 12:30 عصر
ارتفاع رو نمیشه بصورت درصد مقداردهی کرد.
IMANAZADI
چهارشنبه 20 آذر 1392, 13:07 عصر
نمیشه ؟؟؟!!!
خوب شما هر طوری که میتونید این طراحی رو انجام بدید تا من ببینم
qartalonline
چهارشنبه 20 آذر 1392, 13:42 عصر
<!DOCTYPE html>
<html>
<head>
<title>Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<style type="text/css">
*{
padding: 0;
margin: 0;
}
.clear{
clear: both;
}
#header{
background: #00a2ed;
display: block;
height: 150px;
}
#main{
display: block;
}
#sidebar{
background: #2C009F;
display: block;
width: 20%;
float: right;
min-height: 500px;
}
#content{
background: #DD7B3B;
display: block;
width: 80%;
float: left;
min-height: 500px;
}
#footer{
background: #008000;
display: block;
height: 150px;
}
</style>
</head>
<body>

<div id="header">
</div>

<div id="main">
<div id="sidebar"></div>
<div id="content"></div>
<div class="clear"></div>
</div>

<div id="footer">
</div>

</body>
</html>