icp
-
Posts
6 -
Joined
-
Last visited
icp's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо за вариант. Решил по другому немного. Дописал в .content overflow: hidden; и заработало. Только не понял, почему именно hidden а не visible решает эту проблему??? И разве блок от блока не может отталкиваться, несмотря на то что он пустой?
-
День добрый. Подскажите, пожалуйста, почему если убрать бордер у #content, то бокс совпадает по высоте с .toolbar ??? А возвращаешь бордер и становится все нормально. <?xml version="1.0" encoding="UTF-8"?> <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>TODO supply a title</title> <style> body { background: #eff6fc; font: 13px Arial, Tahoma, sans-serif; margin: 0; padding: 0; } #wrapper{ margin: 0 auto; width: 1000px; } #header{ height: 246px; border: 1px black dashed; } #content{ margin: 13px 0; border: 1px black dashed; background-color: white; } .toolbar{ margin: 100px; height: 200px; background: gray; } #footer{ height: 246px; border: 1px black dashed; } </style> </head> <body> <div id="wrapper"> <div id = "header"></div> <div id = "content" > <div class="toolbar"> </div> </div> <div id = "footer"></div> </div> </body> </html>
-
Ясненько, спасибо))) Буду знать теперь.
-
У меня уже мозг закипать начал :-D С таким подвохом еще не сталкивался. #content div{} - cудя по тесту, селектор срабатывает для прямого потомка div, хотя для прямого надо юзать #content > div. Однако #content div действовать должен все-таки должен на все внутренние дивы, то как же так получается, что он не перекрывает дейтвия #content div div и #content div div div ???
-
Набросал тестик: <?xml version="1.0" encoding="UTF-8"?> <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>TODO supply a title</title> <style> #wrapper{ margin: 0 auto; width: 1000px; } #wrapper div{ background: yellow; width: 100px; height: 100px; } #wrapper div div{ background: red; width: 90px; height: 90px; } #wrapper div div div{ background: green; width: 80px; height: 80px; } </style> </head> <body> <div id="wrapper"> <div> <div> <div> </div> </div> </div> </div> </body> </html> Получается, если #wrapper div действует на все вложенные элементы див, то кубики были бы одного желтого цвета. Но это не так. Где подвох?
-
Запутался совсем, пока читал. В чем тогда отличия между: #content div{ } #content div div{ } Если бы #content div применялся ко всем дивам вложенным в него, то почему #content div div обращается ко второму диву? . Где я ошибаюсь???