Мой первый тренировочный сайт

[ivanu6kin]

Здравствуйте! Я хочу стать верстальщиком сайтов и начал изучение ! я плохо разбираюсь в этом не судите строго :)/> я думаю что проблема пустяковая но не могу сам решить ! У меня создан <div class"content-main" в него входит несколько классов <div class="menu" <div class="content" <div class="sidebar"! так вот по задумке меню должно стоять сверху, content слева а sidebar справа.

Если я задаю в css .content-main{background:#FFF; значит фон у этих трех элементов должен быть белый ! как только я прописываю .sidebar{float: left; то он становится как мне надо ! Но отделяется от родительского элемента и теряет фон. также отделяется content. А также пропадает белый фон между menu contentom и sidebar

ссылка на сайт который я пытаюсь сделать https://www.dropbox.com/s/nw6w368ziiky5lz/sait.rar

я могу здесь разместить всю писанину но думаю легче скачать и посмотреть !

заранее спасибо.. мучаюсь уже 2 дня а знаний не хватает !

и помогите мне найти нормальную книгу ! Заранее спасибо.))

[lexxcode]

Архив вряд ли кто-то будет качать, выложите на каком-нибудь хостинге верстку

[pismenny]

Насколько я могу предположить, нужно указать overflow: hidden для .content-main. Но это пальцем в небо, нужно видеть сайт, а качать лень.

[ivanu6kin]

я сегодня зарегистрировался ! и чуть плоховато разбираюсь...! как сделать так чтобы вы видели сайт????? но не качали ))

[ivanu6kin]

Насколько я могу предположить, нужно указать overflow: hidden для .content-main. Но это пальцем в небо, нужно видеть сайт, а качать лень.

overflow: hidden для .content-main помогло! все работает супер! вы не могли бы мне поподробнее описать почему так произошло! я читал про overflow и написано что он выполняет чуть другую функцию !

[Kray Storm]

как сделать так чтобы вы видели сайт????? но не качали ))

Не нужно волноваться. Мы просто посмотрим, а потом закачаем его обратно. )

[pismenny]

Нет времени формулировать мысли, поэтому первое что нашёл в гугле: проблема схлопывания при float: left.

И вот ещё: Fix Collapsing Elements With Floating Children

[lexxcode]

как сделать так чтобы вы видели сайт?

вы можете выкладывать кусок проблемного кода или всю страницу целиком в этом сервисе

[FEL]

я сегодня зарегистрировался ! и чуть плоховато разбираюсь...! как сделать так чтобы вы видели сайт????? но не качали ))

я бы порекомендовал koding.com

но для некоторых может показаться сложным, особенно только только начавших изучение

куски кода можно выкладывать на codepen.io dabblet.com jsbin.com