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

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

  • kostyl

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

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

    Привет всем!
    Не подскажите, спецы, почему FOOOO опускается под уровень NAVIGATION. Мне надо засунуть его под плавающий блок BLABLA
    Ну и конечно же код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </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="header">
    HEDER
    </div>
    <div class="content">
    <div class="nav">
    <h2>NAVIGATION</h2>
    </div>
    <div class="right">
    <div class="leftdiv">
    BLABLA
    </div>
    <h2>FOOOOOOOOOOOOOOOOOOOOOOOOO</h2>
    </div>
    </div>
    </body>
    </html>
  • phpdude

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

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

    position: relative;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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