Djo

Всем привет. Весь день фиксил ie все решил, одно осталось: сайт: http://apteka282.ru/ на главной отступа нет, на других страницах он непонятном образом появляется (сайт на джумле). Например: пример помоги решить проблему сверстана страница таким образом: HTML: <div id="mid"> <div id="site-path"> <jdoc:include type="modules" name="breadcrumbs" /> </div> <!-- Левая колонка--> <div id="goods-categories"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> <!-- Правая колонка--> <div id="news-col"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> <!-- контент --> <div id="container"> <!-- скидки (верх) --> <div id="shares"> <jdoc:include type="modules" name="user1" /> </div> <jdoc:include type="component" /> <!-- популярные товары (низ) --> <div id="popular-goods"> <jdoc:include type="modules" name="user2" /> </div> </div> </div> CSS: #container { overflow: hidden; width: auto; margin: 0 240px 0 220px; } #site-path { margin : 20px 0 0 20px; font-size : 80%; } #goods-categories { width: 180px; margin : 20px; padding : 1px 0; float : left; } #news-col { width : 200px; margin : 20px; padding : 1px 0; float : right; } #mid { width: 100%; min-height : 100%; _height: 100%; background-color: #9cd4ef; clear : both; overflow : hidden; padding-bottom: 200px; margin-bottom: -172px; } скриншоты: неправильно: правильно:

спасибо, просто не нашел его на htmlbook и появились сомнения.

Иногда вижу в коде у тэгов th атрибут scope (значения col или raw). Что он делает я примерно представляю, но можно ли его использовать, то есть соответствует ли он стандарту XHTML?

В FF: В IE7: в седьмом работает, но всеже смотриться не правильно: он оставил между ячейками поля примерно 2px! - поэтому между рамками отступ и линия прерывается. К тому же рамка залазиет на тени Есть предложения как это можно исправить, а то мне на ум только тяжелые методы приходят вот весь css для таблицы (полностью): table.counters-history { margin: 0; border-collapse: separate; border-spacing : 0 0; background-color : #EFEFEF; background-image:url(../images/module_content_right.gif); background-position:right; background-repeat:repeat-y; padding: 0 12px 0 4px; } table.counters-history thead th { border-bottom : solid 1px #CCC; padding: 2px; } table.counters-history tbody tr:first-child td { border-top : solid 1px #FFF; } table.counters-history caption { margin : 0; padding : 5px 12px 5px; font-size : 120%; font-weight : bold; background-color : #444; color : #FFF; background-image:url(../images/module_header_right.gif); background-position:right; background-repeat:repeat-y; } table.counters-history td, table.counters-history th { text-align : center; padding : 1px 20px; }

Жаль что через tbody\thead нельзя.. Пришлось заморачиваться: table.counters-history { border-collapse: separate; border-spacing : 0 0; background-color : #EFEFEF; } table.counters-history thead th { border-bottom : solid 1px #CCC; } table.counters-history tbody tr:first-child td { border-top : solid 1px #FFF; } table.counters-history td, table.counters-history th { padding : 1px 20px; }

Здравствуйте. Хочу оградить шапку таблицы двуцетной линией. Сайт логин/пароль: test table.counters-history { background-color : #EFEFEF; } table.counters-history thead { border-bottom : solid 1px #CCC; } table.counters-history tbody { border-top : solid 1px #FFF; } Почему рамку не видно?

а как это работает если не секрет? или хотябы как называется такой прием?

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

можно попробовать добавить рамку к окружающим элементам, тогда будет видно что не так.

Спасибо большое! помогло!

Существует таблица с классом contentpaneopen, в ней ячейка contentheading. Явно задаю ей ширину 740px и не могу понять почему ie7 (наверно и 6 тоже) выдает мне только 700px. В опере и фф все нормально. Помогите пожалуйста. Вот css к этой таблице: table.contentpaneopen { margin: 0px 8px 10px 26px; padding : 0; display : block; } table.contentpaneopen td.contentheading { background : #036 url("../images/content-header-bg.jpg") repeat-x 0px 0px; height : 93px; width : 740px; margin : 0; padding : 0; display : block; position : relative; left:-26px; } table.contentpaneopen td.contentheading a { color : #FFF; font-family : Tahoma, Verdana, sans-serif; text-decoration : none; font-size : 210%; text-transform : uppercase; position : relative; top: 37px; left : 26px; }