Помогите! Съезжает DIV

k0missar

Знаток
Регистрация
20 Сен 2008
Сообщения
200
Реакции
25
88bb0ddf.gif

Если я для контейнера #contanier ставлю float:left то футер следом за сайдбаром (float:right) едит к conteiner'y
Схема примерно такая
Код:
<div id=header></div>
<div id=middle>
  <div id=conteiner>параметр float:left</div>
  <div id=sidebar>параметр float:right</div>
</div>
<div id=footer></div>
 
а стили покажешь может быть?
 
а стили покажешь может быть?
Код:
* {
	margin:0;
	padding:0;
	}
/* Основные настройки отображения текста */
body {
	font-family:"Calibri","Times New Roman", "Times", serif
	}
h1 {
	font-family:"Cambria", "Arial", "Helvetica", sans-serif
	}
h2 {
	font-family:"Cambria", "Arial", "Helvetica", sans-serif
	}
h3 {
	font-family:"Cambria", "Arial", "Helvetica", sans-serif
	}
a {
	text-decoratoin: none;
	}
img {
	border: none;
	}
/* Блоки шапки сайта */
#wrapper {
	width:980px;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	}
#header_c {
	background-color:#000000;
	background-image:url('img/header.png');
	height:250px;
	width:980px;
	}
#logo {
	padding: 94px 0px 0px 390px;
	}
/* Блоки контента сайта */
#middle {
	width:100%;
	padding: 0px 0px 100px;
	}
#container {
	width:650px;
	float:left;
	}
#content {
	width:650px;
	}
#sidebar {
	width:330px;
	float:right;
	}
/* Блоки подвала сайта */
#footer {
	background-color:#000000;
	height:100px;
	width:980px;
	margin: -100px auto 0;
	color:#FFFFFF;
	}
Вот!
 
перед #footer попробуй вставить:
<div style="clear:both;"></div>

должно помочь...
 
clear:both;

отменяет обтекание, которое ты устанавливил с помощью float...

Для просмотра ссылки Войди или Зарегистрируйся - вот тут хорошая теория про верстку дивами...
 
Нужно подобное меню... я так понимаю на jquery, но немогу найти примеров как это делается
Для просмотра ссылки Войди или Зарегистрируйся
 
Последний вопрос был перенесён в
Nulled Warez Scripts \ Site Build \ Обсуждение скриптов \ .:: Wordpress \ [Помогите] Меню ввиде вкладок

Для просмотра ссылки Войди или Зарегистрируйся
 
можно кстати для #middle прописать overflow:hidden или visible, тогда <div style="clear:both;"></div> можно убрать. Это является более подходящим методом для реализации вашей задачи )
И не стесняйтесь для ознакомления со стилями и действием различных методов посещать
 
Назад
Сверху