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



 

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

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

Открыть тему
Тема закрыта
> Глюк с подвалом в ИЕ
Galen
Galen
Topic Starter сообщение 14.6.2009, 21:17; Ответить: Galen
Сообщение #1


Делаю подвал привязанный к низу экрана. ИЕ как всегда требует извращений, но это не суть. Суть в том что я что-то сделал и у меня пропал бекграунд подвала :wacko: (не весь, но процентов 95)
Так выглядит в ИЕ:
[attachment=35790:1.gif]
А так в ФФ (и прочих нормальных браузерах):
[attachment=35791:2.gif]
Шаблон страницы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>%title%</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link type="text/css" rel="stylesheet" href="/css/default.css">
<script type="text/javascript" src="/js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.corners.min.js"></script>
<script type="text/javascript">
$(document).ready(
function() {
$('.rounded').corners();
}
);
</script>

<!--[if IE]>
<style type='text/css'>
.footer {
margin-top: -40px;
}
</style>
<![endif]--
>

</head>
<body>
<table>
<tr>
<td valign="top" style="width: 25%;">

<div class="menu rounded">
%menu%
</div>
<div class="personalPanel rounded">
%personalPanel%
</div>

</td>
<td valign="top">

<div class="title rounded">
<h1>%title%</h1>
</div>
<div class="menuLine rounded">
%menuLine%
</div>
<div class="content rounded">
%content%
</div>

</td>
</tr>
</table>

<div class="footer rounded">
<a href="/feedback">Обратная связь</a>
</div>

</body>
</html>
CSS:
img {
    border: 0;
}

a {
    color: #000000;
    text-decoration: underline;
}
a:visited {
    color: #969696;
}
a:hover {
    color: #000000;
}

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

table {
    width: 100%;
    height: 100%;
    padding-bottom: 45px;
}

.menu {
    background-color: #D3D3D3;
    padding: 10px;
    margin: 5px;
    margin-right: 0;
}

.personalPanel {
    background-color: #D3D3D3;
    padding: 10px;
    margin: 5px;
    margin-right: 0;
}

form.editor {
    display: none;
}

.title {
    background-color: #D3D3D3;
    padding: 10px;
    margin: 5px;
    text-align: center;
}

.menuLine {
    background-color: #000000;
    color: #FFFFFF;
    padding: 10px;
    margin: 5px;
    text-align: right;
}

.content {
    background-color: #D3D3D3;
    padding: 10px;
    margin: 5px;
}

.footer {
    position: relative;
    background: #000000 url("/images/logo.png") 2% center no-repeat;
    color: #FFFFFF;
    padding: 10px;
    margin: -45px 5px 0 5px;
    text-align: right;
}

.footer a, .footer a:visited, .menuLine a, .menuLine a:visited {
    color: #969696;
}
.footer a:hover, .menuLine a:hover {
    color: #FFFFFF;
}


Внимание, вопрос: что за ерунда (и, конечно, как вылечить)?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 14.6.2009, 21:49; Ответить: Apay
Сообщение #2


у меня в 7 ослике все нормально (правда jquery 1.2.6, но это не должно влиять). если кривизна в ie6, то скорей всего из-за png, если сделаете gif - все должно быть нормально.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
Topic Starter сообщение 14.6.2009, 22:01; Ответить: Galen
Сообщение #3


IE 7, пробовал и с gif-лого - однофигственно.
Зато если для ИЕ добавить свойство:
table {
    margin-bottom: 60px;
}
то бекграунд появляется :)
Такое чувство, что браузер как-то неадекватно реагирует на наложение слоёв друг на друга.

Если больше вариантов не появится, спишем на глюки моего компа.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 14.6.2009, 22:56; Ответить: Apay
Сообщение #4


запустил под виртуалбоксом ie6, там тоже все отображается нормально, за исключением png, у него фон непрозрачный (fixpng не использовал)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 15.6.2009, 1:34; Ответить: Zippovich
Сообщение #5


такие вещи обычно лечатся zoom: 1 или непонятно для ie располагаются relative - absolute слои.

Если zoom не поможет, попробуй слою у которого бэкграунд пропадает задавать релятивную позицию.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
Topic Starter сообщение 15.6.2009, 1:48; Ответить: Galen
Сообщение #6


zoom:1 помог, а я вместо него пробовал ставить z-index (перепутал чутка) и потому грешил на свою систему.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Странный глюк в Chrome (требуется помощь в решении)
2 berikiushi 7090 17.10.2012, 15:02
автор: -berikiushi-
Открытая тема (нет новых ответов) Глюк выпадающего меню в IE
0 Alexey Korovyanskiy 8807 11.4.2011, 21:38
автор: -Alexey Korovyanskiy-
Открытая тема (нет новых ответов) Подскажите пожалуйсто, что за глюк с {pages} в шаблоне к DLE
1 Krusnik_hb 5178 2.2.2011, 16:54
автор: -Krusnik-
Открытая тема (нет новых ответов) Глюк со скриптом увеличения картинки jQuery Image Magnify v1.1
3 pavelsc 9755 15.8.2010, 8:51
автор: -pavelsc-


 



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