Едут div'ы в IE6

**Cinic** · 03.09.2007, 16:56

Кароче если посмотреть [Только зарегистрированные пользователи могут видеть ссылки. ] в ИЕ6 и в остальных браузерах(IE7, FF, Opera) то в ИЕ6 едет менюха справа и футер... пока что не успеваю понять в чем дело..... в большей степени интересует менюха....
2 Aykroyd, хелп ми плиз.
Извиняюсь если тему не туда запостил, так как вроде в "готовые сайты" тоже подходит, ну ии в разбор полетов....

**Aykroyd** · 03.09.2007, 17:35

Да вот шут ее маму знает почему оно там едет. Я же CSS не вижу. Могу только предположить, что IE, как всегда, удваивает поля у флоатов. Попробуйте добавить свойство display: inline; к обрамляющему меню контейнеру (ему по всей видимости должно быть задано float: right)...

**Cinic** · 03.09.2007, 18:38

Originally posted by Aykroyd@Sep 3 2007, 16:35
Да вот шут ее маму знает почему оно там едет. Я же CSS не вижу. Могу только предположить, что IE, как всегда, удваивает поля у флоатов. Попробуйте добавить свойство display: inline; к обрамляющему меню контейнеру (ему по всей видимости должно быть задано float: right)...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Код:

#menu {****float: right; width: 192px; height: 242px; padding: 9px; background: url(/i/rms.png) top right no-repeat;}
#menu ul { float: left; list-style: none; display: block; width: 212px; margin-bottom: 6px;}
#menu ul li {float: left; display: block; width: 52px; height: 52px; background-color: *#e8d4a5; }

#menu ul { float: left; list-style: none; display: block; width: 212px; margin-bottom: 6px;}
хм, тупо не заметил. FireBug мне помог )) сделал width: 192px; и выровнялось менюха

**Aykroyd** · 03.09.2007, 18:53

мда...

Кстати, там, где float: left – там display: block можно убрать. Любой float уже сам по себе подразумевает display: block... Более того – что ul, что li – они "block" даже без float... По умолчанию... )

**Cinic** · 03.09.2007, 20:31

Originally posted by Aykroyd@Sep 3 2007, 17:53
мда...

Кстати, там, где float: left – там display: block можно убрать. Любой float уже сам по себе подразумевает display: block... Более того – что ul, что li – они "block" даже без float... По умолчанию... )
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"><head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>sad</title>
<link href="files_files/s.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="files_files/windows.js"></script><link href="files_files/highlighter.css" type="text/css" rel="stylesheet">
<style type="text/css">
/* Cabinet dotsent */
#content ul { margin-left: 20px; }

hr {color: #bebebe; height: 1px; border: none;} /* Äëÿ IE */
html>body hr {background-color: #bebebe; color: #bebebe; height: 1px; border: none;} /* Äëÿ áðîóçåðîâ íà áàçå Gecko */


/* start Tabbed block */
/* *Tabs */
ul.tablist { list-style: none; float: left; height: 1%; max-width: 700px; margin: 0 0 0 !important; }
ul.tablist li {float: left; margin-right: 5px; height: 1%; background: #d5d5d5 url(lbgl.png) no-repeat top left;}
ul.tablist a { float: left; display: block; color: #636363; text-decoration: none; height: 1%; background: url(lbgr.png) no-repeat top right;
 * * * * * * * padding: 12px 18px;}
ul.tablist li.active { background: #f7efda url(lbgla.png) no-repeat top left;}
ul.tablist li.active a { color: #00012a; background: url(lbgra.png) no-repeat top right;}

/* Body */
.tabblock .body {background: #f7efda url(lbgra.png) no-repeat top right; clear: both; margin: 0 0 10px;} 
.tabblock .body .in-1 { background: url(lbgbla.png) no-repeat bottom left; } 
.tabblock .body .in-2 { padding: 28px; background: url(lbgbra.png) no-repeat bottom right; } 
/* end Tabbed block */

/* LIst **/
table.list { padding: 2px; margin-bottom: 10px; }
table.list thead th {color: #290101; font-weight: normal; background-color: #d9bb7f; padding: 10px 4em 10px 15px;}
table.list tbody td {padding-left: 15px; text-align: left;}
table.list tr.even {background-color: #fffced;}
table.list p {color: #290000; margin:0; padding:0;}
</style></head><body>
<div id="wrapper">
 * *<div id="top-head">
 * * * *[Только зарегистрированные пользователи могут видеть ссылки. ]<h1 id="top-center">asdsdt</h1><div id="in-cabinet"></div>
 * *</div>
 * *<div id="main-container">
 * * * <div id="content">
 * * * * * *<div class="tabblock">
<div class="tabpane">
 * *<ul class="tablist">
 * * * *<li class="active">[Только зарегистрированные пользователи могут видеть ссылки. ]
 * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 * *[/list]
</div>
<div class="body">
<div class="in-1">
<div class="in-2">

<table class="list">
<thead>
 * *<tr>
 * * * *<th>Статус</th>
 * * * *<th>Номер счета</th>
 * * * *<th>Баланс</th>
 * * * *<th>Ввод/Вывод средств</th>
 * *</tr>
</thead>
<tbody>
 * *<tr>
 * * * *<td>Активный</td>
 * * * *<td>
 * * * *</td>
 * * * *<td>0 US$</td>
 * * * *<td>
 * * * *</td>
 * *</tr>
 * * * *<tr>
 * * * *<td colspan="4">
 * * * * * dsf
 * * * *</td>
 * *</tr>
 * * * *<tr>
 * * * *<td>Ожидание средств</td>
 * * * *<td></td>
 * * * *<td>N/A</td>
 * * * *<td>
 * * * *</td>
 * *</tr>
 * * * *<tr>
 * * * *<td colspan="4" style="font-size: 90%;">
 * * * * *
 * * * *</td>
 * *</tr>
 * *</tbody>

</table>
</div>
</div>
</div>
</div>
</div>
</div>
 * *
</div>
</body></html>

вот ul class=tablist творит жесть в ИЕ6, высота у него какая-то неправильная слишком огромная и отступ внизу появляется, в ФФ все отлично в ИЕ7 тоже, а в 6м какая-то лажа... .Список стилей не весь вроде обрезал те которые не нужы были, а так впринципе могу приложить аттач

**Aykroyd** · 03.09.2007, 22:31

И не стыдно Вам объявлять XHTML-синтаксис?

Свойство clear для блочных элементов некорректно работает в IE6 (это если пояснять вкратце)...
Поэтому: * html .tabblock .body {height: 1%;}

В остальных местах height: 1% – убрать. Где это видано!...
Вы бы еще * {height: 1%;} написали...

Вообще код очень грязный... Куча никчемных дивов и классов...
Наложение одного контекста на другой контекст... Плохо, в общем...

**Cinic** · 04.09.2007, 12:02

Originally posted by Aykroyd@Sep 3 2007, 21:31
И не стыдно Вам объявлять XHTML-синтаксис?

Свойство clear для блочных элементов некорректно работает в IE6 (это если пояснять вкратце)...
Поэтому: * html .tabblock .body {height: 1%;}

В остальных местах height: 1% – убрать. Где это видано!...
Вы бы еще * {height: 1%;} написали...

Вообще код очень грязный... Куча никчемных дивов и классов...
Наложение одного контекста на другой контекст... Плохо, в общем...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

По поводу: * html .tabblock .body {height: 1%;}, спасибо попробую.
А по поводу кода и CSS: над ними работало 2 человека, я и программер, изначально он был еще более или менее, потом программер наделал кучу каких-то классов и т.д., лишние DIVы для тянущейся рамки с закругленными углами.
Вобщем спасибо, уважаемый Aykroyd.

(вот например моя первая версия странички кабинета, в которой все табы выглядят в ИЕ6 нормально [Только зарегистрированные пользователи могут видеть ссылки. ] посмотрите пожалуйста).

P.S. Мне оооочень стыдно.

**never_again** · 04.09.2007, 13:13

k:

**Aykroyd** · 04.09.2007, 16:29

Originally posted by never_again@Sep 4 2007, 13:13
k:
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Что бы это значило? )

Cinic
Посмотрел. За умение разделять структуру и представление – respect)
Здесь Вы преуспели. Можно похвалить.

Но упускаете другой аспект – семантику. Об этом скоро планирую написать статью. В частности о том, что разделение структуры/представления и семантическая разметка – это не одно и то же. В частности, ну зачем вот Вам код города заключать в [i]? Что есть [i]? Это логическое ударение. Какой смысл "ударять" именно на код города в телефоне? Ну и т.д. и т.п...

P.S. И дивы все равно кое-где лишние. В частности – в футере. По-моему можно спокойно обойтись без них...

**Cinic** · 04.09.2007, 17:11

Originally posted by Aykroyd@Sep 4 2007, 15:29
Что бы это значило? )
Cinic
Посмотрел. За умение разделять структуру и представление – respect)
Здесь Вы преуспели. Можно похвалить.

Но упускаете другой аспект – семантику. Об этом скоро планирую написать статью. В частности о том, что разделение структуры/представления и семантическая разметка – это не одно и то же. В частности, ну зачем вот Вам код города заключать в [i]? Что есть [i]? Это логическое ударение. Какой смысл "ударять" именно на код города в телефоне? Ну и т.д. и т.п...

P.S. И дивы все равно кое-где лишние. В частности – в футере. По-моему можно спокойно обойтись без них...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

я так понимаю что тексто-выделитель, типа старого bla-bla. А для кода-города мне надо было использовать другой цвет шрифта, есть конечно всяческие выходы с помощью CSS, но на тот момент мне надо было срочно его сверстать и некогда особо было проверять работоспособность(CSSшных штучек) в старых ИЕ. В любом случае спасибо. Теперь буду ждать не тока Статьи ZigZag'a, но и Вашу :read:

**never_again** · 04.09.2007, 19:41

Originally posted by Aykroyd@Sep 4 2007, 11:29
[b]Что бы это значило? )

если бы так все верстали)

**Aykroyd** · 04.09.2007, 20:20

Cinic

Кашу написали)

Originally posted by Cinic@Sep 4 2007, 17:11
я так понимаю что тексто-выделитель, типа старого bla-bla.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

[i] – это не типа старого [i].
[i] – это логическое (смысловое) ударение. А [i] – это нерекомендуемый элемент оформления.

В Вашем случае, например, когда голосовой ридер будет читать слепому содержимое футера Вашего сайта – код города он будет громко выкрикивать.) Если Вы хотели добиться именно такого эффекта – снимаю шляпу))

Originally posted by Cinic@Sep 4 2007, 17:11
А для кода-города мне надо было использовать другой цвет шрифта
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Если не существует элемента, отражающего назначение структурной единицы в Вашем документе, а другой цвет шрифта хочется сделать настолько, что прям аж свербит – стоит вспомнить об универсальном элементе <span>.

P.S. И при чем здесь старые IE? )

Originally posted by never_again@Sep 4 2007, 19:41
если бы так все верстали)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Будьте любезны, выражайтесь в следующий раз вот так сразу, поточнее...)

**Cinic** · 04.09.2007, 20:30

Originally posted by Aykroyd@Sep 4 2007, 19:20
Cinic

Кашу написали)*
[i] – это не типа старого [i].
[i] – это логическое (смысловое) ударение. А [i] – это нерекомендуемый элемент оформления.

В Вашем случае, например, когда голосовой ридер будет читать слепому содержимое футера Вашего сайта – код города он будет громко выкрикивать.) Если Вы хотели добиться именно такого эффекта – снимаю шляпу))
Если не существует элемента, отражающего назначение структурной единицы в Вашем документе, а другой цвет шрифта хочется сделать настолько, что прям аж свербит – стоит вспомнить об универсальном элементе <span>.
P.S. И при чем здесь старые IE? )
Будьте любезны, выражайтесь в следующий раз вот так сразу, поточнее...)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Ушел в мат часть...

Читал ведь что span строковый элемент, а не блочный. Но все равно использовал не то что надо. Еще раз благодарю, убежал за книжками.
P.S. По поводу старых ИЕ, вечно у меня с ними проблемсы...

Тема: Едут div'ы в IE6

Опции темы

Поиск по теме

Отображение

Ваши права