Вид для печати
Кароче если посмотреть [Only registered and activated users can see links. Click Here To Register...] в ИЕ6 и в остальных браузерах(IE7, FF, Opera) то в ИЕ6 едет менюха справа и футер... пока что не успеваю понять в чем дело..... в большей степени интересует менюха....
2 Aykroyd, хелп ми плиз.
Извиняюсь если тему не туда запостил, так как вроде в "готовые сайты" тоже подходит, ну ии в разбор полетов....
Да вот шут ее маму знает почему оно там едет. Я же CSS не вижу. Могу только предположить, что IE, как всегда, удваивает поля у флоатов. Попробуйте добавить свойство display: inline; к обрамляющему меню контейнеру (ему по всей видимости должно быть задано float: right)...
[/quote]Цитата:
Originally posted by Aykroyd@Sep 3 2007, 16:35
Да вот шут ее маму знает почему оно там едет. Я же CSS не вижу. Могу только предположить, что IE, как всегда, удваивает поля у флоатов. Попробуйте добавить свойство display: inline; к обрамляющему меню контейнеру (ему по всей видимости должно быть задано float: right)...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
#menu ul { float: left; list-style: none; display: block; width: 212px; margin-bottom: 6px;}Код:#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; }
хм, тупо не заметил. FireBug мне помог )) сделал width: 192px; и выровнялось менюха
мда...
Кстати, там, где float: left – там display: block можно убрать. Любой float уже сам по себе подразумевает display: block... Более того – что ul, что li – они "block" даже без float... По умолчанию... )
[/quote]Цитата:
Originally posted by Aykroyd@Sep 3 2007, 17:53
мда...
Кстати, там, где float: left – там display: block можно убрать. Любой float уже сам по себе подразумевает display: block... Более того – что ul, что li – они "block" даже без float... По умолчанию... )
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
вот ul class=tablist творит жесть в ИЕ6, высота у него какая-то неправильная слишком огромная и отступ внизу появляется, в ФФ все отлично в ИЕ7 тоже, а в 6м какая-то лажа... .Список стилей не весь вроде обрезал те которые не нужы были, а так впринципе могу приложить аттачКод:<!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">
* * * *[Only registered and activated users can see links. Click Here To Register...]<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">[Only registered and activated users can see links. Click Here To Register...]
* * * *[*][Only registered and activated users can see links. Click Here To Register...]
* * * *[*][Only registered and activated users can see links. Click Here To Register...]
* * * *[*][Only registered and activated users can see links. Click Here To Register...]
* *[/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>
И не стыдно Вам объявлять XHTML-синтаксис?
Свойство clear для блочных элементов некорректно работает в IE6 (это если пояснять вкратце)...
Поэтому: * html .tabblock .body {height: 1%;}
В остальных местах height: 1% – убрать. Где это видано!...
Вы бы еще * {height: 1%;} написали...
Вообще код очень грязный... Куча никчемных дивов и классов...
Наложение одного контекста на другой контекст... Плохо, в общем...
[/quote]Цитата:
Originally posted by Aykroyd@Sep 3 2007, 21:31
И не стыдно Вам объявлять XHTML-синтаксис?
Свойство clear для блочных элементов некорректно работает в IE6 (это если пояснять вкратце)...
Поэтому: * html .tabblock .body {height: 1%;}
В остальных местах height: 1% – убрать. Где это видано!...
Вы бы еще * {height: 1%;} написали...
Вообще код очень грязный... Куча никчемных дивов и классов...
Наложение одного контекста на другой контекст... Плохо, в общем...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
По поводу: * html .tabblock .body {height: 1%;}, спасибо попробую.
А по поводу кода и CSS: над ними работало 2 человека, я и программер, изначально он был еще более или менее, потом программер наделал кучу каких-то классов и т.д., лишние DIVы для тянущейся рамки с закругленными углами.
Вобщем спасибо, уважаемый Aykroyd. :hi: (вот например моя первая версия странички кабинета, в которой все табы выглядят в ИЕ6 нормально [Only registered and activated users can see links. Click Here To Register...] посмотрите пожалуйста).
P.S. Мне оооочень стыдно.
[Only registered and activated users can see links. Click Here To Register...]k:
[/quote]Цитата:
Originally posted by never_again@Sep 4 2007, 13:13
[Only registered and activated users can see links. Click Here To Register...]k:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Что бы это значило? )
Cinic
Посмотрел. За умение разделять структуру и представление – respect)
Здесь Вы преуспели. Можно похвалить.
Но упускаете другой аспект – семантику. Об этом скоро планирую написать статью. В частности о том, что разделение структуры/представления и семантическая разметка – это не одно и то же. В частности, ну зачем вот Вам код города заключать в [i]? Что есть [i]? Это логическое ударение. Какой смысл "ударять" именно на код города в телефоне? Ну и т.д. и т.п...
P.S. И дивы все равно кое-где лишние. В частности – в футере. По-моему можно спокойно обойтись без них...
[/quote]Цитата:
Originally posted by Aykroyd@Sep 4 2007, 15:29
Что бы это значило? )
Cinic
Посмотрел. За умение разделять структуру и представление – respect)
Здесь Вы преуспели. Можно похвалить.
Но упускаете другой аспект – семантику. Об этом скоро планирую написать статью. В частности о том, что разделение структуры/представления и семантическая разметка – это не одно и то же. В частности, ну зачем вот Вам код города заключать в [i]? Что есть [i]? Это логическое ударение. Какой смысл "ударять" именно на код города в телефоне? Ну и т.д. и т.п...
P.S. И дивы все равно кое-где лишние. В частности – в футере. По-моему можно спокойно обойтись без них...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
я так понимаю что тексто-выделитель, типа старого bla-bla. А для кода-города мне надо было использовать другой цвет шрифта, есть конечно всяческие выходы с помощью CSS, но на тот момент мне надо было срочно его сверстать и некогда особо было проверять работоспособность(CSSшных штучек) в старых ИЕ. В любом случае спасибо. Теперь буду ждать не тока Статьи ZigZag'a, но и Вашу :read:
если бы так все верстали)Цитата:
Originally posted by Aykroyd@Sep 4 2007, 11:29
[b]Что бы это значило? )
Cinic
Кашу написали) [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by Cinic@Sep 4 2007, 17:11
я так понимаю что тексто-выделитель, типа старого bla-bla.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[i] – это не типа старого [i].
[i] – это логическое (смысловое) ударение. А [i] – это нерекомендуемый элемент оформления.
В Вашем случае, например, когда голосовой ридер будет читать слепому содержимое футера Вашего сайта – код города он будет громко выкрикивать.) Если Вы хотели добиться именно такого эффекта – снимаю шляпу))
[/quote]Цитата:
Originally posted by Cinic@Sep 4 2007, 17:11
А для кода-города мне надо было использовать другой цвет шрифта
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Если не существует элемента, отражающего назначение структурной единицы в Вашем документе, а другой цвет шрифта хочется сделать настолько, что прям аж свербит – стоит вспомнить об универсальном элементе <span>.
P.S. И при чем здесь старые IE? )
[/quote]Цитата:
Originally posted by never_again@Sep 4 2007, 19:41
если бы так все верстали)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Будьте любезны, выражайтесь в следующий раз вот так сразу, поточнее...)
[/quote]Цитата:
Originally posted by Aykroyd@Sep 4 2007, 19:20
Cinic
Кашу написали)* [Only registered and activated users can see links. Click Here To Register...]
[i] – это не типа старого [i].
[i] – это логическое (смысловое) ударение. А [i] – это нерекомендуемый элемент оформления.
В Вашем случае, например, когда голосовой ридер будет читать слепому содержимое футера Вашего сайта – код города он будет громко выкрикивать.) Если Вы хотели добиться именно такого эффекта – снимаю шляпу))
Если не существует элемента, отражающего назначение структурной единицы в Вашем документе, а другой цвет шрифта хочется сделать настолько, что прям аж свербит – стоит вспомнить об универсальном элементе <span>.
P.S. И при чем здесь старые IE? )
Будьте любезны, выражайтесь в следующий раз вот так сразу, поточнее...)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Ушел в мат часть... :hi:
Читал ведь что span строковый элемент, а не блочный. Но все равно использовал не то что надо. Еще раз благодарю, убежал за книжками.
P.S. По поводу старых ИЕ, вечно у меня с ними проблемсы... [Only registered and activated users can see links. Click Here To Register...]