Необходимо создать, что-то типа файлового менеджера. В нем будут, папки, файл (не столь важно). Вот создан макет
В ФФ он работает корректно, но в ИЕ есть баг. Первый элемент, после первой строки смещаецца влево и никак не могу это побороть [Only registered and activated users can see links. Click Here To Register...]Код:<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 class="item file">
* * * * * * * *
* * * * * * </div>
* * * * * * <div class="item file">
* * * * * * * *
* * * * * * </div>
* * * * * * <div class="item file">
* * * * * * * *
* * * * * * </div>
* * * * * * <div class="item file">
* * * * * * * *
* * * * * * </div>
* * * * </div>
* * </div>
</body>
</html>
