Добрый день, у меня следующая проблема: есть главный div container (на картинке в синей рамке) в нем расположены еще два div`a content (тот что слева обведен зеленой рамкой) и sidebar (обведен красной). 1. главный div контейнер почему-то по высоте меньше чем div content. 2. sidebar занимает место не справа, а на всю ширину страницы (по сути он сейчас равен по размерам container). Надеюсь на помощь, т.к. только начал разбираться в верстке. Так выглядит html: <div id="container"> <div id="content"> <div class= "slider"> <img src ="img/slider.png" alt= "Слайдер"/> </div> <div class= "news"> <!-- тут новость --> </div><!-- end news--> </div> <!-- end content--> <div id="sidebar"> <div class="reklama"> <img src= "img/reklama_img.png" width="265px" height="360px" alt= "реклама"/> <p><a href="#">Реклама</a></p> </div> <div class = "section"> <h3>Еще читают</h3> </div> </div> <!-- end sidebar--> </div> <!-- end container--> Вот css: #container { border-color: blue; border-style: solid; border-width: 1px; background:#ccc; padding-top: 25px; } #content { border-color: green; border-style: solid; border-width: 1px; background:#ccc; padding:4px; width: 617px; float:left; padding: 0 15px 0 50px; } #sidebar { padding:0 10px 0 50px; border-color: red; border-style: solid; border-width: 2px; background:#ccc; } Подскажите что нужно дописать или что я не так указал.
