ФорумРазработкаКлиентская сторонаВерстка и оформление → Какая то херня с плавающими блоками

Какая то херня с плавающими блоками

  • kostyl

    Сообщения: 5201 Репутация: N Группа: Джедаи

    Spritz 14 сентября 2010 г. 13:55

    Привет всем!
    Не подскажите, спецы, почему FOOOO опускается под уровень NAVIGATION. Мне надо засунуть его под плавающий блок BLABLA
    Ну и конечно же код:
    <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>
    <html>
    <head>
    <title></title>
    <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;>
    </head>
    <style>
    html {
    height:100%;
    }
    body {
    position: relative;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    z-index: 0;
    width: 100%;
    }
    .header {
    height: 100px;
    background-color: #AAAAFA;
    }
    .content {
    width: 100%;
    }
    .nav {
    float: left;
    width: 300px;
    background-color: #FAFAFA;
    }
    .right {
    margin-left: 301px;
    background-color: #DACAFA;
    }
    .leftdiv {
    float: left;
    background-color: #FF0000;
    }
    .right h2 {
    clear: left;
    }
    </style>
    <body>
    <div class=&quot;header&quot;>
    HEDER
    </div>
    <div class=&quot;content&quot;>
    <div class=&quot;nav&quot;>
    <h2>NAVIGATION</h2>
    </div>
    <div class=&quot;right&quot;>
    <div class=&quot;leftdiv&quot;>
    BLABLA
    </div>
    <h2>FOOOOOOOOOOOOOOOOOOOOOOOOO</h2>
    </div>
    </div>
    </body>
    </html>
  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 14 сентября 2010 г. 14:04, спустя 9 минут

    position: relative;

    зло!
    Сапожник без сапог
  • kostyl

    Сообщения: 5201 Репутация: N Группа: Джедаи

    Spritz 14 сентября 2010 г. 14:07, спустя 2 минуты 19 секунд

    phpdude, так, может и зло, но ничего не меняет ))
  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 14 сентября 2010 г. 14:08, спустя 54 секунды

    сори, влом открывать чтото и работать ))) устал
    Сапожник без сапог
  • kostyl

    Сообщения: 5201 Репутация: N Группа: Джедаи

    Spritz 14 сентября 2010 г. 14:13, спустя 5 минут 6 секунд

    влом открывать чтото и работать

    так я же бесплатно прошу )))
  • phpdude

    Сообщения: 26617 Репутация: N Группа: в ухо

    Spritz 14 сентября 2010 г. 14:16, спустя 3 минуты 6 секунд

    так я же бесплатно прошу )))

    по твоей логике беслпатно работать != работать.

    чувак вскопай мне картошки поле бесплатно на 10 соток, а? ну это же не работа, а так, хуйня!)
    Сапожник без сапог
  • Givi

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 14 сентября 2010 г. 14:23, спустя 7 минут 9 секунд

    kostyl, какого хуя у h2 свойство clear: left; ? Просто нужно clear: both; и будет тебе счастье… я так думаю. Тоже пока влом копировать. Если нуно будет, сделаю. {+++69+++} И у leftdiv флоат не нужен. Он ведь не кем не обтекается, вот и пусть себе будет как обычный блок.
  • technobulka

    Сообщения: 4552 Репутация: N Группа: Джедаи

    Spritz 14 сентября 2010 г. 14:25, спустя 2 минуты 4 секунды

    у .right вместо margin-left:301px; поставь overflow:hidden; и будет тебе счастье))
    Высокоуровневое абстрактное говно
  • kostyl

    Сообщения: 5201 Репутация: N Группа: Джедаи

    Spritz 14 сентября 2010 г. 14:32, спустя 6 минут 37 секунд

    phpdude, да это так, было риторический сказ… ))
    Stasovsky, +1

Пожалуйста, авторизуйтесь, чтобы написать комментарий!