مشکل با parent

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  محمد ،‏ 1 سال و 8 ماه پیش .

این تاپیک تاکنون 391 بازدید داشته است .

نویسنده پست
چهار شنبه ، 25 مارس 2015     11:30 ق.ظ #


GoogleUser41

Subscriber
22 پست17 تاپیک

سلام چرا parent  سایت من بالا وا میسته و با ساید های سایتم باز نمیشه اینطوری باعث میشه فوتر با سایدها قاطی بشه.

اینم کداش

کد css:
@charset "utf-8";
/* CSS Document */
body
{
direction:rtl;
background:#656565;
}
.header
{
background:#CCC;
border:ridge #D6D6D6;
width:1200px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0 auto;
height:250px;
}
.parent
{
width:1217px;
margin:0 auto;
padding:0;
height: auto;
border:#000 ridge;
}

.right
{
background:#CCC;
border:ridge #D6D6D6;
width:200px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0;
float:right;
margin-top:10px;
}
.center
{
background:#CCC;
border:ridge #D6D6D6;
width:975px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0;
float: left;
margin-top:10px;
}
.footer
{
background:#CCC;
border:ridge #D6D6D6;
width:1200px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0 auto;
height:30px;
margin-top:10px;
}
اینم html :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="nofollow" href="Untitled-2.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="header">Content for class "header" Goes Here</header>
<div class="parent">
<aside class="right">Content for class "right" Goes Here</aside>
<aside class="center">Content for class "center" Goes Here</aside>
</div>
<footer class="footer">Content for class "footer" Goes Here</footer>
</body>
</html>

پیوست ها:
You must be logged in to view attached files.
1  تشکر
چهار شنبه ، 25 مارس 2015     11:35 ق.ظ #


GoogleUser41

Subscriber
22 پست17 تاپیک

ببخشید کداش مشکل داره

1  تشکر
چهار شنبه ، 25 مارس 2015     3:40 ب.ظ #


محمد

Subscriber
40 پست37 تاپیک

دوست عزیز باید از clear:both استفاده کنید .

<!doctype html>
<html>
<head>

<style>
body
{
direction:rtl;
background:#656565;
}
.header
{
background:#CCC;
border:ridge #D6D6D6;
width:1200px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0 auto;
height:250px;
}
.parent
{
width:1217px;
margin:0 auto;
padding:0;
height: auto;
border:#000 ridge;
}

.right
{
background:#CCC;
border:ridge #D6D6D6;
width:200px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0;
float:right;
margin-top:10px;
}
.center
{
background:#CCC;
border:ridge #D6D6D6;
width:975px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0;
float: left;
margin-top:10px;
}
.footer
{
background:#CCC;
border:ridge #D6D6D6;
width:1200px;
vertical-align:top;
text-align:right;
padding:5px;
margin:0 auto;
height:30px;
margin-top:10px;
}
</style>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="nofollow" rel="nofollow" href="Untitled-2.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="header">Content for class "header" Goes Here</header>
<div class="parent">
<aside class="right">Content for class "right" Goes Here</aside>
<aside class="center">Content for class "center" Goes Here</aside>
<div style="clear:both"></div>
</div>
<footer class="footer">Content for class "footer" Goes Here</footer>
</body>
</html>

0  تشکر
پست 1 تا 3 (از مجموع 3 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .