اهلاً
تفضل هذا الكود
كود:
<body>
<form>
<div class="BoX">
<div class="f">
<p>Welcom To My test Div left .</p><p>test new line</p></div>
<div class="s"><p>Welcom To My test Div right .</p><p>test new line</p></div></div>
<div class="BoX"><div class="f"><p>hi</p></div>
</div>
</form>
</body>
وهذا كود الستايل ::
كود:
<style type="text/css">
body{
margin:0px;
background-color:#CFCFCF;
}
.f{
background-color:#F5F5F5;
padding:5px;
float:left;
margin-top:40px;
margin-left:30px;
width:20%;
height:100px;
border:1px black solid;
font-size: 12px;
font-family: tahoma, Geneva, Helvetica, sans-serif;
color:blue;
}
.s{
background-color:#F5F5F5;
padding:5px;
float:right;
margin-top:40px;
margin-right:30px;
width:20%;
height:100px;
border:1px black solid;
font-size: 12px;
font-family: tahoma, Geneva, Helvetica, sans-serif;
color:teal;
}
form
{
margin:50px; margin-bottom:auto;
border:1px black solid;
height:1020%;
background-color:white;
}
.BoX {
height: 100%;
}
</style>
كل اللي سويته اني عملت ستايل يديد بأسم BoX يحمل خاصية انه ياخذ الطول كامل 100% ووضعت الDiv الاول والثاني في
والثالث في
في واحد يديد لوحده ..
السموحة ..