من دارم یه صفحه ثبت میسازم .
میخوام ک دو بلاک در کنار هم قرار بگیرن ولی مانند این Untitled.png این بلاکها زیر هم قرار میگیرن . باید چیکار کنم تا مشکل حل بشه ؟
.register { width: 1188px; height: 900px; background-color: #ffffff;}
.reg-header { margin-top: 5px; width: 1188px; height: 155px; background-color: #FAFCFC; overflow: hidden; overflow-x: hidden; overflow-y: hidden; margin: auto; text-align: center; font-family: 'Iranian Sans';}
.reg-box { width: 1188px; height: 745px; padding: 10px; float:right;}
.right-box { width:594px; height: 700px; background-color: red;}
.left-box { width: 594px; height: 700px; background-color: blue;}
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI Effects - toggleClass Demo</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="styleshet.css"></head><body> <div class="register"> <div class="reg-header"> <img src="Image/uder-register-icon.png" /> <h1>به کیاکالا بپیوندید</h1> </div> <div class="reg-box"> <div class="right-box"> </div> <div class="left-box"> </div> </div> </div></body></html>
عکس های ضمیمه
Untitled.png
(6.8 کیلوبایت)
