X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> footer vs content
MacDreamer
MacDreamer
Topic Starter сообщение 25.4.2012, 17:10; Ответить: MacDreamer
Сообщение #1


Сайт:http://iron-gate.ru/contact/ Верстка: Дивы
Проблема в том что футер заезжает на контент на маленьких разрешениях. Проблема, только на 1 странице

<!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 name="description" content="Двери: железо, мдф, дерево"/>
<meta name="keywords" content="Железные двери, Деревянные двери, Панельные двери"/>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="../css/styles.css"/>
<link rel="stylesheet" type="text/css" href="contactstyle.css"/>
<title>Железные врата - изготовление и установка дверей любой сложности.</title>
<script src="../js/ga.js" type="text/javascript"></script>
<script src="../js/hl.js" type="text/javascript"></script>
<script src="../js/ym.js" type="text/javascript"></script>
</head>
<body>
<?php include("../elements/phpfun.php");?>
<div id="cantainer">
<?php include("../elements/header.php");?>
<div id="forma">
<?php session_start();
echo $er;
echo "
<form name='form1' method='post' action='../elements/mail.php'>
<input name='session_id' type='hidden' value=".session_id()."/>
Ваше имя:<br/>
<input type='text' name='name' id='textfield' maxlength='15'/>
<br/>
<p>Сообщение:</p>
<textarea name='message_text' cols='60' rows='5'></textarea><br/><br/>
<input type='submit' name='button' id='button' value='Отправить'/>
</form>
";
?>
</div>
</div>
<div class="push"></div>
<div id="footer">
<p id="foot">Название Iron-Gate, является торговой маркой компании Железные ворота, все права защищены. Любое незаконное копирование контента без согласия правообладателей преследуется по закону. </p>
</div>

</body>
</html>


css

[CSS]a img {
border: none;
}
BODY{
margin:0;
padding:0;
height:100%;
}
HTML{
height:100%;
margin:0;
padding:0;}
#heads{
background:url(../img/fon_header.png) repeat-x;
border-radius: 26px 26px 26px 26px;
height:100px;
width:1000px;
margin-bottom:10px;
margin-top:0;
}
#logo{
float:left;
margin:16px 70px 11px 11px;
}
#heads li{
float:left;
width:150px;
text-align:center;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
margin-top:40px;
}
#heads a{text-decoration:none;color:#FFFFFF;}

#cantainer{
height:100%;
width:1000px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin:2px auto;
background: url(../img/fon.png) no-repeat 50% 110px;

}
#phon{
margin:33px;
float:right;
}

#footer{
background:url(../img/footer.png) repeat-x;
border-radius: 13px 13px 13px 13px;
height:50px;
width:1000px;
bottom:0;
margin:-50px auto 0 auto;
clear:both;
}
.push{
height:50px;
width:1000px;
bottom:0;
clear:both;}
#foot{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
margin:30px 10px 10px 300px;
padding-top:5px;
text-align:center;
width:400px;
color: #CCC;
}

#stat{float:right;
margin:10px;
}[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 25.4.2012, 17:31; Ответить: Azazaza_hb
Сообщение #2


у #cantainer надо убрать height: 100%, а прижимать футер к низу страницы другим способом
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacDreamer
MacDreamer
Topic Starter сообщение 25.4.2012, 17:35; Ответить: MacDreamer
Сообщение #3


Был бы согласен если бы на других страницах также, присутствовала данная проблема
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
egor007
egor007
сообщение 25.4.2012, 18:39; Ответить: egor007
Сообщение #4


Clear:both
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacDreamer
MacDreamer
Topic Starter сообщение 25.4.2012, 19:04; Ответить: MacDreamer
Сообщение #5


(egor007 @ 25.4.2012, 21:39) *
Clear:both

Конкретнее можно? У футера в ксс это и так прописано
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 25.4.2012, 19:15; Ответить: Bugnet
Сообщение #6


Сомнения на счёт bottom:0; для #footer -это не самостоятельное свойство и применяется оно совместно с position
Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. Отсчет координат зависит от свойства position, оно обычно принимает значение relative (относительное положение) или absolute (абсолютное положение).

http://htmlbook.ru/css/bottom
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacDreamer
MacDreamer
Topic Starter сообщение 25.4.2012, 19:19; Ответить: MacDreamer
Сообщение #7


С этим соглашусь bottom:0 там не играет никакой роли, тем не менее не понятно почему див наезжает на другие, причем только на этой странице

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
0 press74 4999 2.7.2019, 18:58
автор: -iiwanc-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЗаработай на партнерской программе конференции Russian Content Marketing 2016
0 Turenko_Olga 2515 21.11.2016, 0:28
автор: Turenko_Olga
Открытая тема (нет новых ответов) Продам аккаунт content-cooperation.com (filesmonster.com).
Отдаю с готовым сайтом для монетизации трафа с этого ФО.
11 Alexis 8168 23.3.2014, 13:22
автор: shalopay82
Открытая тема (нет новых ответов) Неукротимый content...
5 magomet 3974 14.2.2012, 1:50
автор: -Очень-


 



RSS Текстовая версия Сейчас: 26.4.2024, 9:41
Дизайн