Помогите решить проблему. Суть проблемы:
Ставлю левую панель тегом див, делаю ее как меню, после этого хочу контент загнать на правую сторону сайта, а он у меня идет ниже левого меня, а на правую сторону не хочет становится, помогите решить проблему. Заранее благодарен.
Html код:
<body>
<div class="left">*
* <div class="logo">
* <h1>Привет</h1>
* <h2>Это мой сайтик</h2>
* </div>
* <div class="menu">
*
- *
- [Только зарегистрированные пользователи могут видеть ссылки. ]
*- [Только зарегистрированные пользователи могут видеть ссылки. ]
*- [Только зарегистрированные пользователи могут видеть ссылки. ]
*- [Только зарегистрированные пользователи могут видеть ссылки. ]
*- [Только зарегистрированные пользователи могут видеть ссылки. ]
*
* </div>
</div>
<div class="content">
*
*
* *
</div>
</body>
</html>
Css код:
body {background: #ff7700 url(img/bg.png) no-repeat;}
.left {width:350px;}
.logo {margin-left:130px;
* margin-top:30px;}
* *
h1 {color:#FFFFFF;
* margin:0px;
*padding:0px;
*text-align:center;
*font-size:48px;}
h2 {color:#666666;
* margin:0px;
*padding:0px;
*text-align:center;}
*
.menu {margin-left:130px;
* margin-top:50px;}
* *
.menu ul {list-style:none;
* width:130px;}
.menu ul a {padding:8px;
* margin:0px;
* display:block;
* text-decoration:none;
* font-size:18px;
* text-align:center;}
* *
.menu ul a:hover {background-color:#FFFFFF;}
.content {width:600px;
* float:right;}
.up_node {background:transparent url(img/ctop.png) repeat scroll 0 0;}
.node {background-color:#FFFFFF;}