HTML & CSS & FLOAT & CLEAR

في هذا الدرس سنقوم بتعرف على طريقة عمل كلير من خلال سي اس اس و بعض الاخطاء التي يجب علينا تفاديها و اخذ الشكل العام هتمل الى الشكل المراد عملة و تفادي بعض اخطاء او مشاكل البروزرات القديمة

.clear{
clear:both;
padding:5px;
}

#contentDown{
width:950px;
margin:0 auto;
margin-top:30px;
line-height:18px;
background:#263138;
}

#contentDown h4{
color:#dbc297;
font-size:21px;
margin-bottom:15px;
text-transform:uppercase;
}

#leftDown{
width:380px;
float:left;
padding:10px;
}

#leftDown form label{
display:block;
color:#dbc297;
font-size:14px;
padding:5px 0;
}

#leftDown input{
width:350px;
height:35px;
}

#leftDown textarea{
width:350px;
}

#leftDown input[type="submit"]{
width:355px;
height:30px;
background:url(images/butten.gif) repeat-x;
margin-top:10px;
margin-left:-2px;
color:#263138;
font-size:14px;
}

#rightDown{
width:520px;
float:left;
margin-left:10px;
padding:10px;
}

#rightDown img{
float:right;
width:237px;
height:206px;
margin-left:10px;
border:3px solid #dbc297;
}

#rightDown p{
width:290px;
font-size:12px;
line-height:21px;
font-family:arial;
color:#9d9d9d;
}

#rightDown button{
margin-top:15px;
width:120px;
height:30px;
background:url(images/butten.gif) repeat-x;
color:#263138;
}