Tsybin

Короче я так понял поведение ie не ясно

Спасибо, отличный вариант!

Я не понимат...

А чего, весьма мило Чувствуется женская рука!

Элементы меню и разделы при масштабирование плывут и ведут себя очень странно. А так вроде всё вполне хорошо!

Автор топика же сказал, ему некогда читать...хочется сразу всё уметь...

Я не понимат...

Ну 8 то еще путь поживет, а вот 6-7 это да, отстой извините меня, но раньше на нем учились, так сказать олд-скулл Думаю кто кроссбраузерно верстает на 6 и последними новыми бразуерами тот мегаверстальщик, если конечно такое возможно. Забудут наверное его тогда, когда пользователи откажутся от него. Но даже на нескольких моих сайтах, число пользователей ieе 6-7 существенно. На самом деле никак не понимал, как им удается не обновляеться и сидеть на старых версиях. Хм, релатив тоже влияет почему-то на это...

Соглашусь, что шапку лучше делать через бэкграунд, задав размеры и позиционирование. В данном примере я не понимаю вот это: #textlogo h1.name { margin: 0; padding: 0; [b]font-size: 240%; [/b] - Зачем???? Обязательно в процентах? Под мобильники делаете? position: relative; [b]top: -127px;[/b] - Зачем???? Зачем? left: 118px; float: left; text-align: right; [b]height: 0px; [/b] - Зачем??? Как высота 0? Шрифт 240 процентов а высота 0? font-weight: bold; color: white; }

Мои мысли: #left_column {float:left; position:fixed; top:150px; left:0px;} Вы не указали размер (ширина объекта). Не понимаю зачем указали left: 0px;? Сделайте структуру в таком порядке: #page #header #left_column #columns #center_column #right_column #footer Присвойте #columns - float: left. Т.к. колонки у вас имеют z-index: 1, то они перекрывают соответственно левую панель, которая не имеет вообще з-индекса. Дальше у колонок position: relative, попробуйте "поиграть" с позиционированием, например убрать его вообще.

float: left, margin, установка min-height и min-width не помогает?

Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё. Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> . Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt Вот css: .post { background: #fff; margin: 10px auto; border: 1px #eee solid; clear: both; display: block; padding: 5px 20px 20px 20px;} .meta { background: transparent; font-style: italic; color: #aaa; font-size: 14px; text-align: left; vertical-align: middle; line-height: 20px; } .titleimg { float:left; margin: 15px 5px 10px 0px; display: inline-block; position: relative;} .posttitle { padding: 20px 0px 0px 0px; } .excerpt {margin: 20px 0px 10px 0px;} Вот пример html: <div class="post"> <article id="post-1"> <img width="80" height="80" src="http://мойсайт.ru/wp-content/uploads/2012/10/facepalm-150x150.jpg" class="titleimg wp-post-image" alt="gf" title="gf" /> <div class="posttitle"> <h3><a href="http://мойсайт.ru/other/privet-mir/" title="Привет, мир!">Привет, мир!</a> <!--Post titles--></h3> </div> <div class="meta"> <span class="clock">Всякая мета-мутотень</span> <div class="clear"></div> <div class="excerpt">Добро пожаловать в WordPress. Это ваша первая запись. Отредактируйте или удалите её, затем пишите!</div> <!--The Meta, Author, Date, Categories and Comments--></div> </article> </div> Причем найдена связь, если я у titleimg убираю float:left или полностью margin, то этот глюк пропадает, но изображение в таком случае не отфлочено и не отмаргино. Вот скриншота без флота: Я виноват или IE? Второй скрин с другой проблемой. Здесь все просто, фон блока .meta, а точнее пункта, где перечисление категорий перекрывает и "режет" картинку-миниатюру, если у неё не стоит position: relative. Это нормально? Что-то я не понимат...

Всем спасибо. Действительно, как и говорил downhouse помогло display: inline-block! Все остальные браузеры и без него понимали все эти паддинги и маржины. А на счет того, можно ли присваивать h8 или например hochusamku283192483, то на сколько я знаю новым браузерам судя по всему все равно как называется тэг, даже если его и нет в природе, то нужно лишь задать ему параметры отображение в стиле, который браузер и покажет. Ясное дело, что все это не валидно и если указать тэк h8 это не озачает "заголовок" со всеми характеристиками этого тэга (h) по умолчанию. А вот старые версии, того же ie такие ухищрения не обрабатываются... Нет, ну разве не прикольно самому создавать тэги? Например: <popa>Лучшее предложение!</popa>! Осталось лишь указать в css его стиль и все готово, можно переходить на ссылку валидатора, ну и в случае если кто-то захочет посмотреть Html код страницы, то он будет весьма удивлен!!!

ну да, еще бывает и h15 можно сделать! Восемь - любимое число, чего поделаешь...

Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично! Вот css: Блок новостей: .news { width: 940px; margin: 20px auto; } .newsbox { float: left; width:400px; height:160px; margin: 13px 5px 5px 30px; overflow: hidden; } .newsbox img { width:100px; height: 100px; float: left; margin: 20px 10px; display: inline; } .newsbox h8 { text-shadow: 1px 1px 3px #ddd; font-family: 'Arial'; font-size: 14px; display: block; padding-top: 10px; text-align: left; } Кнопка читать-дальше: .read-more { background: #EEEEEE; border: 1px solid #C5C7C8; border-radius: 5px; box-shadow: 0 0 3px 0 #C5C7C8; padding: 3px; margin: 2px; } Есть мнения?