ورود

View Full Version : اشتباه قرار گرفتن <aside>



olampiad
دوشنبه 08 مهر 1392, 14:17 عصر
سلام
لطفا به این کد یه نگا بندازید.


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
body{
margin:0px;
padding:0px;
background:#F8F8F8;
}
header{
background:#000;
height:50px;
}
#content{
background:#F90;
width:800px;
height:900px;
margin:auto;
}
aside{
background:#369;
width:250px;
height:900px;
float:right;
}
footer{
background:#000;
height:50px;
both:clear;
}

</style>
</head>
<body>
<header>

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

</div>
<aside>s</aside>
<footer>
cooy right
</footer>

</body>
</html>



این کد اجرا شدنی این شکلی می شود.

111348

می خوام content# aside هردو در کنار هم در وسط قرار گیرند.
چه طور می تونم این کار رو انجام مبدم.
ممنون

mehbod.rayaneh
دوشنبه 08 مهر 1392, 17:35 عصر
درود
فقط اگه کمی جستجو کنید حداقل هفته 1 نفر همچین تاپیکی ایجاد میکنه!!!
1 دیو کلی درست کنید و کل دیو ها را داخلش قرار بدید و margin:auto بدید!
margin:auto را از content بردارید!
بعد هم به aside , content استایل float را اضافه کنید!
بسته ب شرایط قالب میتونید ب یکی مقدار right و ب دیگری مقدار left بدید! یا ب هر دو 1 مقدار بدید!
موفق باشید