Хочу создать файловый менеджер с папками, файлами. Но столкнулся с проблемой, при отображении полученного кода в ИЕ, первый элемент после первой строки отображаецца не корректно, сползает влево, а потом вроде все ок. В ФФ работает все нормально.
Код:<html> <head> * <title>Folders</title> <style type="text/css"> * * div.window{ * * * * position: absolute; * * * * overflow: auto; * * * * margin: 8px; * * * * padding: 0px; * * * * width: 420px; * * * * height: 280px; * * } * * div.titlebar{ * * * * background-color: #0066AA; * * * * background-image:url(images/titlebar_bg.пша); * * * * background-repeat: repeat-x; * * * * color: white; * * * * border-bottom: solid black 1px; * * * * width: 100%; * * * * height: 16px; * * * * overflow: hidden; * * } * * span.titleButton{ * * * * position: relative; * * * * height: 15px; * * * * width: 15px; * * * * padding: 0px; * * * * margin: 0px 1px 0px 1px; * * * * float: right; * * } * * span.titleButton#min{ * * * * background: transparent url(images/min.gif) top left no-repeat; * * } * * span.titleButton#max{ * * * * background: transparent url(images/max.gif) top left no-repeat; * * } * * span.titleButton#close{ * * * * background: transparent url(images/close.gif) top left no-repeat; * * } * * div.contents{ * * * * background-color: #E0E4E8; * * * * overflow: auto; * * * * padding: 2px; * * * * height: 240px; * * } * * div.item{ * * * * position: relative; * * * * height: 64px; * * * * width: 56px; * * * * float: left; * * * * padding: 0px; * * * * margin: 8px; * * } * * div.item div.itemName{ * * * * margin-top: 48px; * * * * font: 10px verdana, arial, helvetica; * * * * text-align: center; * * } * * div.folder{ * * * * background: transparent url(images/folder.gif) top left no-repeat; * * } * * div.file{ * * * * background: transparent url(images/file.gif) top left no-repeat; * * } * * div.special{ * * * * background: transparent url(images/folder_important.gif) top left no-repeat; * * } </style> </head> <body> * * <div class="window"> * * * * <div class="titlebar"> * * * * * * * * * * * * * * * * * * * * * * </div> * * * * <div class="contents"> * * * * * * <div class="item folder"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item folder"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item folder"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item special"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * * * <div class="item file"> * * * * * * * * * * * * * * </div> * * * * *</div> * * </div> </body> </html>
