سلام دوستان
من چطور میتونم دو تا ستون در div مادر قرار بدهم که وقتی divها بزرگ میشوند div مادر نیز بزرگ شود
لطفا کد کامل دو تا ستون در div مادر را قرار بدهید قبل از قرار دادن خودتان تست کنید که کار کند ممنون.
Printable View
سلام دوستان
من چطور میتونم دو تا ستون در div مادر قرار بدهم که وقتی divها بزرگ میشوند div مادر نیز بزرگ شود
لطفا کد کامل دو تا ستون در div مادر را قرار بدهید قبل از قرار دادن خودتان تست کنید که کار کند ممنون.
باسلام
برای اینکار باید Postiton اون Div های فرزند رو Static قرار بدید در این صورت با بزرگتر شدن باعث میشن Div والد هم بزرگتر بشه همینطور وقتی اندازه Div والد به فرزندانش وابسته است بهتره هیچ اندازه ای براش تعیین نکنید.
سلامنقل قول:
از پاسخت ممنون اما کد را به صورت زیر نوشتم ولی مشکلم حل نشد لطفا مشکل کد زیر را پیدا کنید و برام بگذارید من از خیلی ها پرسیدم اما نتونستم به جوابم برسم. من فقط میخوام مثل سایتهای دیگه دو تا ستون در چپ و راست داشته باشم:
کد:<div style="background-color:#FF00CC; margin-left:200px; margin-right:200px">
<div style="position:static;background-color:#00FF00; width:100px;">1</div>
<div style="position:static;background-color:#00FF00; width:100px; float:right">3<br/>g</div>
</div>
سلام
ببینید این خوبه؟
کد:<div style="background-color:#FF00CC; margin-left:200px; margin-right:200px">
<div style="position:static;background-color:#00FF00;width:100px;float:right">1</div>
<div style="position:static;background-color:#00FF00;width:100px;">3<br/>g</div>
</div>
کد html:
[PHP]
<div id="parent">
<div id="side1">
</div>
<div id="side2">
</div>
</div>
[/PHP]
کد css:
[PHP]
#parent {
background: #F00;
width: 1010px;
padding: 10px;
overflow: hidden;
margin: 0 auto;
}
#side1 {
width: 490px;
float: right;
height: 500px;
background: #0F0;
}
#side2 {
width: 490px;
float: right;
height: 500px;
background: #00F;
margin-right: 10px;
}
[/PHP]
چون heigh داره با بزرگ شدن ستون از div مادر خارج میشه
برای من همچین اتفاقی نمیفتهنقل قول:
شما این کد را کپی کرده و امتهان کنید ببینید چی میشه:نقل قول:
کد:<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#parent {
background: #F00;
width: 1010px;
padding: 10px;
overflow: hidden;
margin: 0 auto;
}
#side1 {
width: 490px;
float: right;
height: 100px;
background: #0F0;
}
#side2 {
width: 490px;
float: right;
height: 100px;
background: #00F;
margin-right: 10px;
}
</style>
</head>
<body>
<div id="parent">
<div id="side1">1<br />2<br />3<br />4<br />5<br />6<br />7<br />8
</div>
<div id="side2">
</div>
</div>
</body>
</html>
برای div مادر اینو بنویس :
overflow:auto