Justnewone

Чтож... Для того чтобы получить конкретную помощь, вы не потрудились привести конкретные вводные данные, например, ссылку на сайт, хотябы, с объяснениями что не так и чего бы хотелось. Вы сами открыли флудильник, который, собственно и получили.

Картинка называется favicon, поищите тут на форуме, уже тысячу раз обсуждалось.

<span class="classname">[Скачать]</span> CSS: .classname{ float:right; }

Интересно, но пока не понятно, ссылку можете дать?

Блоку- text-align:center

Главная кроссбраузерная рекомендация - сделайте сайт "валидным", то есть, чтобы валидатор на w3c.org показал зеленый квадратик. Как правило, много разночтений в отображении бывает из-за того, что более современные браузеры также более толерантны к элементарным ошибкам в виде незакрытых тегов и прочего, а иногда и наоборот, IE прощает что-то, что не простят все остальные. Я, например, всегда поступаю следующим образом. Делаю сайт под Firefox, затем подгоняю (не часто) под IE с помощью специально созданных для них таблиц стилей. У Вас, вероятно, так сразу может не получиться, каждое изменение на первых порах проверяйте в максимально-разумном количестве браузеров. Для лечения IE6 и 7 почитайте про haslayout, это особенность алгоритма парсинга именно IE, в основе своей похоже на некий симбиоз свойств position и overflow. По моему опыту, есть некоторое количство откровенных багов, косяков, зачастую имеющих в среде кодеров собственные имена, все остальные случаи лечатся через haslayout. Еще бы порекомендовал не пользоваться атрибутами тега там, где можно применить свойства CSS. Ну и в заключение, я использую reset.css, который сбрасывает все стили, указанные в браузере по дефольту для элементов разметки HTML. Это может показаться неудобным, но многие проблемы с кроссбраузерностью решаются. Если reset.css не используется, то все равно придется прописать стили напрямую для схожего отображения в разных браузерах. Воспользовавшись этими рекомендациями + потеряв некоторое время на поиски уточнений, Вы можете достаточно быстро научится писать кроссбраузерный код. Творческих успехов Вам! =)

1. Вернуть назад обсолют, положив по коду его в отцентрированный элемент с позишн релейтив 2. Вместо относительного позиционирования использовать отрицательные маргины.

Все на самом деле очень просто. Я очень подробно распишу, хотя на самом деле нечего. Во первых, лучше на A повесить не background-image, а background. Тепрь, для того чтобы строчный элемент стал учитывать прямо или косвенно указания высоты (будь то height, или же padding, или же margin), его надо сделать блочным. Вот Вам кроссбраузерное и так называемое "семантическое" решение. HTML <ul> <li><a href="index.html" title="Main" class="mnuMain"></a></li> ..... </ul> CSS UL, LI{ list-style:none; padding:0; margin:0; } LI A{ display:block; padding:XXX; /* укажите такие размеры, чтобы с учетом паддингов картинка как раз вошла в периметр теперь уже блочной ссылки*/; text-decoration: underline; color:#XXXXXX; } LI A.mnuMain{ background: url("pic/mnu_main.png"); } LI A.mnuMain:hover{ background: url("pic/mnu_main_h.png"); text-decoration: none; color:#XXXXXX; } И так далее ховер на каждый класс. Можно, например, воспользоваться спрайтами, совсем для идеального решения, поищите в гугле css sprites

Лучше релейтивом не увлекаться. Я его использую ТОЛЬКО в 2 случаях, когда сознательно что-то перекрыть надо и чтоб указать родителя абсолютного элемента. А уж IE6 и даже иногда IE7 могут так кровушку попить с этим релейтивом...

Это фонит: div#maincolumn { position:relative; } релейтив тут нужен? Для чего все ваще в релейтивах? Или дайте ему хотябы z-index:1, он перекрывает. template.css (line 317) div#maincolumn { border:0 none; overflow:visible; padding:0; position:relative; top:0; z-index:1; } и все будет пучком

Тогда, Милая, Вы больше ничего не привели чтобы "начать думать", сцылко надо! PS Уверен почти, что если у .content position: relative; убрать - то все станет на свои места. Зачем он Вам там? Абсолютно что-то вставляете?

Я тож не понимаю. Но мышечная память наверно выручает найти то что надо.

Есть такое.... По теме. У вас блок с ссылками имеет меньший з-индекс. Стало быть, "он снизу".

В экселе "сайв аз" выбрать "html"

#header{ overflow:hidden; } #header{/*IE6*/ zoom:1 } PS: Еще можно вот так (Не для IE6 и, скорее всего, IE7): #left, #right{ content:''; display:block; clear:both; overflow:hidden; height:0; visibility:hidden } первых правил как правило всегда хватает, если не указаны размеры контейнера, тогда второе.

А можете сейчас показать то, до чего Вы дошли в изучении, на каком Вы этапе в исследованиях ролловера на бекграунде через ховер и смены цвета ссылки через него же? Покажите тестовые выкладки. Я гляну и сразу Вам покажу, как сделать правильно. Просто интересно, как глубоко Вы зашли? По моему личному мнению, Вы его сами назвали сложным и теперь с предыханием смотрите как все мы "лажаемся" и не можем догнать, как же это воплотить, сцуко, такой сложнейший роловер.... И раз Вы говорите что "Как сделать ролловер ссылки или картинки знаю прекрасно. И сюда я не за этим пришел" тем более странно, что Вы до сих пор не сделали. Приведите побольше в ТЗ, может мы где-то Вас не услышали?

PNG совсем не всегда меньше всего весит

#sellPan ul li{ display: inline-block; } #sellPan ul li{ /*IE 6 и 7*/ display: inline; zoom:1; } Без флоатов

Я понимаю смутно. Задайте последнему блочному в дереве паддинги.

Есть еще конторы, где не положено обновлять, и все тут. Капец. Условия аккредитации.

Че Вы имели ввиду? Может ресь о том, что PNG-24 не поддерживается (прозрачность)? Слетать он не будет, просто прозрачные места станут серыми. Полагаю, что их около 20%, судя по другим статистикам (не одной).

Закиньте на халявный хостинг, ваще заведите себе такой и упражняйтесь там, когда станете большим и взрослым работа будет организовываться именно подобным способом.

<tab>Имя закладки</tab> =)

id="self" я бы сменил на class="self"

Это Вы типа настаиваете "выньте и положте мне готовое решение"?