Задание из практикума

[rpmcmerphy]

Делаю задание из практикума, применяю стиль для класса virtual float:left, текст в остальных двух идет в разнобой, почему они оба не прилипают справа от первого div ?

[npofopr]

Вы пример не забывайте прикладывать того, что делаете

[rpmcmerphy]

Вы пример не забывайте прикладывать того, что делаете

Спасибо. Вот : http://cssdeck.com/labs/2koofcvp .

[npofopr]

1. откройте для себя такую вещь как firebug или веб-инспектор

2. вы что нибудь читали про float?

[rpmcmerphy]

Читал.Д. Макфарланд - Большая книга CSS 

Edited November 9, 2013 by rpmcmerphy

[Vlad]

Показывается вроде нормально, что не так?

[rpmcmerphy]

Показывается вроде нормально, что не так?

Когда я сделал скругленные углы, то почему-то на линии разделяющие хостинги наложились еще маленькие линии, смотрится некрасиво. Хотел спросить как сделать <div id="hosting"> такой же высотой как и div в которых хостинги ?

[Vlad]

Зачем его делать такой же высоты? Это родитель, он должен принимать высоту своих дочерних элементов. Если не принимает, то надо добавить overflow: hidden, чтобы на него float не действовал.

[rpmcmerphy]

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

[Z1gnet]

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

потому что ты к дочерним элементам применил свойство флоат. А это свойство нарушает поток элементов, поэтому #hosting схлопнулся (говоря по простому он не видит что внутри него есть элементы). Что бы этого не было нужно прописать либо overflow: hidden, либо вернуть лайаут через :after. вот так #hosting:after{ content:''; display:block; clear:both;}. Конкретно в вашем случае подойдет другой способ. Нужно родителя сделать инлайн блоком

#hosting {    border-radius: 5px; /* делаем скругления что бы родитель был такой же как и дочерние элементы */    box-shadow: 0 0 14px 0 #FFFFFF; /* задаем тень, как вы и хотели */    display: inline-block; /* это свойство возвращает нормальный поток если внутри есть флотнутые элементы внутри, и при этом принимает ширину внутренних блоков, а не растягивается на 100% как было бы при overflow:hidden */    vertical-align: top; /* нужно прописывать в связке с инлайн-блоком что бы не появились лишние отступы */}

Edited November 16, 2013 by Z1gnet