Mila

А остальные браузеры: Опера и пр.? SelenIT, сложно исправить этот глюк на компе 1024х768. Надо как то догадаться (потому, что проверить не удастся), что нужно исправить, чтобы колонки не разъезжались. Или может поможете?

Спасибо, разобралась.

Спасибо, попробую так, как вы советуете.

Задача такова: Требуется выровнять текст по центру кнопки. Для этого я задаю нужные мне паддинги. После этого внизу кнопки появляется полоска цвета в 2px, которые я указала в padding. Если убрать цвет фона, все становиться на место. Но мне то нужен также и цвет фона. Происходит это в браузере FF. Паддинг не откладывается внутри, как нужно, а прибавляется снаружи. Что делать? Замучилась уже с этой кнопкой. .searchform { position: relative; float: left; text-align: left; width: 205px; padding: 0; margin: 0 0 45px 45px; } #searchsubmit { clear : both; float: left; background : #A8D7FC url(images/search.gif) no-repeat; width : 73px; height : 20px; margin: 20px 0 0 0; padding: 2px 0 2px 0; color: #fff; font-size : 12px; text-align: center; cursor: pointer; border: 0; }

При проверке сайта валидатором, я получила предупреждения, связанные с отсутствием фонового цвета для блоков. You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible. Поэтому у меня следующий вопрос: Нужно ли для div обязательно устанавливать цвет фона? Какие вообще обязательные параметры для блоков? Что значит вот эти предупреждения: Same colors for color and background-color in two contexts .wp-pagenavi a:hover and H1 a:visited Redefinition of text-align Кто в курсе, откликнитесь, пожалуйста.

Вот именно, что неправильно. Тег BASE, точнее его атрибут href используется для указания базового адреса. А нужен он, для того, чтобы относительные ссылки на сайте расширялись до полных. Выглядеть этот тэг должен так: <BASE href="Ваш_сайт/index.htm">

Я сделала тему для Wordpress Caribbean Islands. Ее можно посмотреть на сайте http://azovstar.ru Проверила код валидаторами http://validator.w3.org/, http://jigsaw.w3.org/css-validator/, нашлись ошибки, связанные с эффектом прозрачности. 73 .container Parse Error opacity=100, finishopacity=90, style=0,startX=10, startY=10, finishX=100, finishY=100) 194 #s Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.6 195 #s Parse Error opacity=60) 196 #s Property -moz-opacity doesn't exist : 0.6 212 #searchsubmit Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.6 213 #searchsubmit Parse Error opacity=60) 214 #searchsubmit Property -moz-opacity doesn't exist : 0.6 240 #autoriz input Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.7 241 #autoriz input Parse Error opacity=70) 242 #autoriz input Property -moz-opacity doesn't exist : 0.7 257 #autoriz #enter Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.8 258 #autoriz #enter Parse Error opacity=80) 259 #autoriz #enter Property -moz-opacity doesn't exist : 0.8 Поэтому у меня просьба ко всем желающим помочь: Как совместить валидность кода и эффекты прозрачности? И последнее: Те, кого не смущает не валидный код, могут загрузить тему Caribbean Islands на сайте http://prodengiblog.ru/archives/181 Заранее всем спасибо за помощь!

Soniclord, мне кажется здесь есть несколько путей: Первый, учиться, становиться профессионалом и делиться с читателями своим опытом. И второй, собрать на сайте интересные решения, пусть даже и не ваши. Главное, чтобы они были полезны начинающим (и опытным тоже) вебмастерам. Например, конкретные способы что либо сделать или обзоры, типа: "10 лучших способов сделать галерею без использования скриптов" и т.п. Можно начать со второго, а потом, по мере вашего профессионального роста, добавлять на сайт и ваши собственные наработки. А можно выбрать тему, которая вам близка: дизайн, верстка или что то еще, делать что нибудь в этой области и выкладывать работы на сайт, а заодно описывать рецепт, как это сделать, чтобы другие могли повторить то же самое. Выбирайте, что вам ближе и удачи!

Проверила, по вашему совету, валидатором - глюки не исчезли. А проблема была в margin хедера. Когда сменила отступ средней части страницы на padding - глюк исчез. Кто бы мне объяснил, какая тут связь?

Примерно так: CSS: #midle { width:100%; float:left; margin: 0 auto; } #left{ float: left; text-align: left; width: 49%; } #right { float: right; text-align: left; width: 49%; } html: <div id="midle"> <div id="left"> </div> <div id="righty"> </div> </div><!-- End midle -->

Спасибо, помогло - все стало на место.

У меня возникла проблема с шириной блоков в сайтбаре. В IE они почему то намного шире, чем нужно. На изменение ширины IE не реагирует. Не могу понять, с чем это связано. Для простоты, я вынесла код сайтбара отдельно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style type="text/css"> body { margin-left:auto; margin-right:auto; width: 100%; height: 100%; background-color: #fff; } #sidebar { float: left; width: 405px; font: normal 12px/18px "Century Gothic", Verdana; color: #ffffff; margin: 70px 0 0 50px; } #sidebar a { color: #951515; text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar #sidebar-left { float: left; width: 195px; margin: 0; padding: 0; } #sidebar #sidebar-right { float: right; width: 195px; margin: 0; padding: 0; } #sidebar .sidebar-box { width: 195px; margin: 0 0 25px 0; padding: 0; background-color: #951515; } #sidebar .sidebar-box-blank { width: 195px; margin: 0 0 25px 0; padding: 0; } #sidebar h3 { height: 50px; width: 195px; padding-left: 40px; font: bold 17px/36px "Century Gothic", Verdana; color: #ffffff; background: url("images/sidebar_title.jpg") no-repeat; } #sidebar ul { line-height: normal; margin: 0; padding: 0 0 25px 0; list-style-type: none; } #sidebar ul li { color: #ffffff; font: normal 14px/36px "Century Gothic", Verdana; margin: 0; padding: 0 0 -10px 0; } #sidebar ul li a { line-height: 2; color: #ffffff; text-decoration: none; padding-left: 15px; display: block; background: url("images/sidebar_menu.gif") no-repeat left bottom; } #sidebar ul li a:hover { color: #000000; font-weight: bold; text-decoration: none; background: #FFD44A; display: block; } *html #sidebar ul li a { height: 36px; } </style> </head> <body> <div id="sidebar"> <div id="sidebar-left"><!-- Sidebar Left --> <div class="sidebar-box"> <h3>Последнее</h3> <ul> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> </ul> </div> </div><!-- /Sidebar Left --> <div id="sidebar-right"><!-- Sidebar Right --> <div class="sidebar-box"> <h3>Архивы</h3> <ul> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> <li><a href="">Ссылка </a></li> </ul> </div> </div><!-- /Sidebar Right --> </div><!-- Sidebar --> </body> </html> Пожалуйста, помогите, разобраться.

Сглаживание тут ни при чем. Это особенность IE. Но это можно изменить с помощью CSS. Вот только не помню как.

Крупные буквы в IE выглядят зазубренными. Как с этим бороться? Где то я видела решение, но вовремя не запомнила, а теперь не найду. Подскажите, пожалуйста, если вам удалось решить эту проблему.

Добавь footer { clear: both; }

#primarycontent { width: auto; } У вас же ширина: auto, что же вы хотите! Задайте конкретную ширину - например 600pх.

spdif, у вас на сайте какой то глюк. Страница не загружается, вместо нее появляется окно с надписью: "Сайт запрашивает имя пользователя и пароль". Пароля у меня, естественно нет, я ваш сайт в глаза не видела. Откуда у меня пароль? Нажимаю "Отмена" - загружается страница с ошибкой. Вы бы настроили сайт прежде, чем давать на него ссылки.

Сайт http://azovstar.ru/ А где ваш сайт?

У меня на сайте, если смотреть в IE, футер отстоит от основного содержания страницы примерно на 300px. Что я только не делала - убрала все лишние маргины и паддинги, никак не удается его поднять. Пользоваться отрицательными маргинами не хочется, тем более. что в других браузераз сайт отображается нормально. Никто с таким глюком не сталкивался? Поделитесь мыслями на тему.

Добрый, спасибо за ссылку. Только там тот же вариант, что и у меня. А как его совместить с круглыми уголками я не знаю.

Ладно, попробую сделать с картинками. Спасибо.

Нет, не для него. На нем и так сойдет. Это я делаю тему для Wordpressa и там нужен прозрачный блок на фоне картинки. Причем фон должен просвечивать через картинку. Проблема в том, что мне нужно все сразу: и круглые уголки, и прозрачность блока, и непрозрачный текст в блоке. Есть решения каждой проблемы в отдельности, а как это все объединить? У меня никак не выходит. "Но во многих случаях достаточно ее имитации - тогда все намного проще." Что вы имеете ввиду под "имитацией"?

"судя по закругленным уголкам из CSS3, вас устраивает graceful degradation для отсталых браузеров" Конечно. не устраивает. Но как это исправить я не знаю. Хотелось бы без картинок и так, чтобы минимум кода. А все кроссбраузерные варианты имеют жуткий объем кода. Кстати, для IE не сработал именно костыль, потому что в нем не видно нижнего бордера в блоке, а значит - низ блока скрыт.

SelenIT, спасибо! В FF отлично получается. Но к сожалению, ничего не изменилось для IE. Почему то костыль не сработал.

Спасибо, давно хотела это знать