IMANAZADI
یک شنبه 15 دی 1392, 19:05 عصر
با سلام و خسته نباشید
دوستان من یک مشکل ساده واسم پیش آمده که بدجوری اعصابمو خورد کرده
من میخوام از طریق CSS یک صفحه ساده درست کنم که شامل 5 DIV هست که id اونها به ترتیب زیر می باشد
main
header
sidebar
contain
footer
div main اصلی هست
و 4 div دیگه که شامل هدر و سایدبارمنو و محتوی و فوتر می باشد داخل تگ div main می باشد
حالا میخوام div header از بالای صفحه 0 و عرض آن از دوطرف 180 px باشه و ارتفاعش 150 px باشه
div sidebar که واسه منو هست در سمت راست زیر هدر و به عرض 180 px و ارتفاعش برابر با هر چی ارتفاع div contain باشه
div contain به ترتیب زیر هدر و از سمت راست چسبیده به div sidebar تا انتهای سمت چپ و ارتفاع حداقل 300 px بطوریکه اگر محتویات داخل زیاد شده خود بخود به سمت پایین ارتفاعش بزرگتر شود
div footer زیر div contain به عرض هدر و ارتفاع 150 px
دوستان لطفا راه درست و اصولی رو بنویسید
ضمنا عکس و CSS که خودم نوشتم رو میزارم ولی درست جواب نمیده
کد CSS
#header
{
background-color: #0033CC;
height: 120px;
position: absolute;
right: 170px;
top: 0px;
left: 170px;
}
#sidebar
{
width: 190px;
position: absolute;
top: 120px;
float: right;
background-color: #CC3300;
right: 170px;
min-height: 300px;
}
#contain
{
min-height: 300px;
position: absolute;
background-color: #00FF66;
left: 170px;
right: 360px;
top: 120px;
}
#footer
{
background-color: #333399;
left: 170px;
right: 170px;
top: 300px;
position: static;
height: 120px;
}
دوستان من یک مشکل ساده واسم پیش آمده که بدجوری اعصابمو خورد کرده
من میخوام از طریق CSS یک صفحه ساده درست کنم که شامل 5 DIV هست که id اونها به ترتیب زیر می باشد
main
header
sidebar
contain
footer
div main اصلی هست
و 4 div دیگه که شامل هدر و سایدبارمنو و محتوی و فوتر می باشد داخل تگ div main می باشد
حالا میخوام div header از بالای صفحه 0 و عرض آن از دوطرف 180 px باشه و ارتفاعش 150 px باشه
div sidebar که واسه منو هست در سمت راست زیر هدر و به عرض 180 px و ارتفاعش برابر با هر چی ارتفاع div contain باشه
div contain به ترتیب زیر هدر و از سمت راست چسبیده به div sidebar تا انتهای سمت چپ و ارتفاع حداقل 300 px بطوریکه اگر محتویات داخل زیاد شده خود بخود به سمت پایین ارتفاعش بزرگتر شود
div footer زیر div contain به عرض هدر و ارتفاع 150 px
دوستان لطفا راه درست و اصولی رو بنویسید
ضمنا عکس و CSS که خودم نوشتم رو میزارم ولی درست جواب نمیده
کد CSS
#header
{
background-color: #0033CC;
height: 120px;
position: absolute;
right: 170px;
top: 0px;
left: 170px;
}
#sidebar
{
width: 190px;
position: absolute;
top: 120px;
float: right;
background-color: #CC3300;
right: 170px;
min-height: 300px;
}
#contain
{
min-height: 300px;
position: absolute;
background-color: #00FF66;
left: 170px;
right: 360px;
top: 120px;
}
#footer
{
background-color: #333399;
left: 170px;
right: 170px;
top: 300px;
position: static;
height: 120px;
}