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

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

  • kostyl

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

    Spritz 14 сентября 2010 г. 21: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

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

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

    position: relative;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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