Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Футер снизу. В чем ошибка? / 6 сообщений из 6, страница 1 из 1
09.11.2012, 13:15:16
    #38031653
Arm79
Arm79
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Футер снизу. В чем ошибка?
Коллеги, здравствуйте

Собственно сабж.

Пытаюсь освоить еще одну область знаний, и не получается. Примеров в сети много, но они простые. Стоит только немного усложнить верстку, как все летит. Если точнее, то все летит после указания флоатов. Мысль была в том, чтобы вложенные дивы как угодно флоатились, без какого либо влияния на родительские контейнеры. Еще одно смущает: в коде футер и контейнер друг за дружкой идут, а firebug почему то считает, что контейнер - родитель для футера.

Объясните, пожалуйста, в чем именно я ошибаюсь и что не так?

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="site.css" />
</head>

<body>
	<div class="a-container">
		<div class="a-menu-container">
			<div class="a-menu">
				Menu
			</div>
			<div class="a-logon">
				Logon
			</div>
			
			<div class="a-clear" />
		</div>
	
		<div class="a-content">
			<h1>Content</h1>
		</div>
		
		<div class="a-footer-fake"></div>
	</div>
	
	<div class="a-footer">
	</div>
</body>

</html>



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

.a-container {
	min-height: 100%;
	background-color: aqua;
}
		
.a-menu-container > .a-menu	{
	float:left;
}

.a-menu-container > .a-menu	{
	float:right;
}

.a-clear {
	clear:both;
}

.a-footer-fake {
	height: 5.25em;
	background-color: black;
}

.a-footer{
	height: 5em;
	background-color: green;
	margin-top: -5em;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 13:25:23
    #38031690
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Футер снизу. В чем ошибка?
Код: html
1.
			<div class="a-clear" ></div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 13:30:56
    #38031709
Arm79
Arm79
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Футер снизу. В чем ошибка?
Паганель
Код: html
1.
			<div class="a-clear" ></div>



Почему? Что ломает очистка?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 13:38:53
    #38031724
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Футер снизу. В чем ошибка?
я не знаю, у меня недостаточно опыта чтобы ответить
может доктайп виноват...
у меня такое было с тэгом <script src="..." />, полдня волосы на голове рвал, но с тех пор так и не дошли руки узнать в чем причина
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 14:21:01
    #38031807
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Футер снизу. В чем ошибка?
Arm79Паганель
Код: html
1.
			<div class="a-clear" ></div>



Почему? Что ломает очистка?Очистка тут ни при чем. При наличии xmlns=" http://www.w3.org/1999/xhtml" браузеры воспринимают <тег></тег> как просто открывающий <тег>. Чтобы этого не происходило, нужно либо отдавать страницу с контенттайпом application/xhtml, либо внутрь тега засунуть текст или еще один пустой инлайн-тэг, например <b></b>. Или убрать xmlns.

Я обычно в такой ситуации вставляю неразрывный пробел.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 14:41:21
    #38031850
Arm79
Arm79
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Футер снизу. В чем ошибка?
большое спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Футер снизу. В чем ошибка? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 513ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449137]:
 0ms
get settings:
 11ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 187ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 238ms
total:  513ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]