css-man
یک شنبه 16 بهمن 1390, 15:35 عصر
تو طراحی که دارم میکنم دو تا تگ div دارم که توی یک تگ دیگه قرار میگیرن و هر سه تای این ها در تگ اصلی سایت باید قرار بگیرن که قرار نمی گیرن
میدونم مشکل از float تی هست که استفاده کردم
اما راهی به ذهنم نمی رسه که درستشون کنم
دوستان css کار هم اکنون نیازمند یاری سبزتان هستیم
یا یه راهی معرفی کنید که float های قبلی رو پاک کنم و با یه چیز دیگه چیدمان صفحه رو درست کنم یا ی راه بگید که این 3 تا رو توی تگ اصلی سایت قرار بدم
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>home</title>
</head>
<body>
<div id="wrapper">
<!--head-->
<div id="title"></div>
<div id="head1"></div>
<!--endhead-->
<!--slider-->
<div id="aria"></div>
<div id="boxslider"></div>
<!--end slider-->
<!--beter box-->
<div id="bestbox"></div>
<!--end beter box-->
<!--titlenews-->
<div id="titlenews">
<div id="titler"></div>
</div>
<!--end titlenews-->
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
#wrapper{
width:800px;
margin:0 auto;
padding-top:0px;
float:center;
}
/*--------head-----------*/
#title{
height:30px;
background-color:#333333;
}
#head1{
height:160px;
background-color:#333333;
}
/*--------end head------*/
/*---------slider box--------*/
#boxslider{
height:300px;
width:600px;
float:left;
}
#aria{
width:200px;
height:300px;
background-color:#333333;
float:left;
}
/*------------end slider box---------*/
/*-------best box--------------*/
#bestbox{
width:800px;
height:200px;
background-color:#C30;
float:left;
}
/*--------end best box--------*/
/*----------titlelnews-------*/
#titlenews{
height:200px;
width:800px;
}
#titler{
height:50px;
width:200px;
direction:rtl;
background-color:#C30;
float:left;
}
#titlen{
height:50px;
width:600px;
float:left;
}
/*---------end titlenews------*/
میدونم مشکل از float تی هست که استفاده کردم
اما راهی به ذهنم نمی رسه که درستشون کنم
دوستان css کار هم اکنون نیازمند یاری سبزتان هستیم
یا یه راهی معرفی کنید که float های قبلی رو پاک کنم و با یه چیز دیگه چیدمان صفحه رو درست کنم یا ی راه بگید که این 3 تا رو توی تگ اصلی سایت قرار بدم
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>home</title>
</head>
<body>
<div id="wrapper">
<!--head-->
<div id="title"></div>
<div id="head1"></div>
<!--endhead-->
<!--slider-->
<div id="aria"></div>
<div id="boxslider"></div>
<!--end slider-->
<!--beter box-->
<div id="bestbox"></div>
<!--end beter box-->
<!--titlenews-->
<div id="titlenews">
<div id="titler"></div>
</div>
<!--end titlenews-->
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
#wrapper{
width:800px;
margin:0 auto;
padding-top:0px;
float:center;
}
/*--------head-----------*/
#title{
height:30px;
background-color:#333333;
}
#head1{
height:160px;
background-color:#333333;
}
/*--------end head------*/
/*---------slider box--------*/
#boxslider{
height:300px;
width:600px;
float:left;
}
#aria{
width:200px;
height:300px;
background-color:#333333;
float:left;
}
/*------------end slider box---------*/
/*-------best box--------------*/
#bestbox{
width:800px;
height:200px;
background-color:#C30;
float:left;
}
/*--------end best box--------*/
/*----------titlelnews-------*/
#titlenews{
height:200px;
width:800px;
}
#titler{
height:50px;
width:200px;
direction:rtl;
background-color:#C30;
float:left;
}
#titlen{
height:50px;
width:600px;
float:left;
}
/*---------end titlenews------*/