Rootical

Сам разобрался, извиняюсь. Трите пост.

Подскажите, пожалуйста, люди добрые, никак не могу додумать, откуда берется эта абракадабра в ие 7, в остальных норм( Если смотреть страницу в предварительном просмотре: http://lcd-media.by/business-center/printme заранее спасибо!

короче, проблема заключается в том, что у блока, на который указывает ошибка задан position:*** - придется как-то выкручиваться без данного свойства

да, и у меня возникла такая же проблема. в ие 6. помогиет, люди добрые с решением(

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

подскажите, люди добрые...

спасибо, но таким образом возникает ряд других проблем. Разное отображение браузерами и тд. так а "по-нормальному" чего не работает?%(

Спасибо огромное за ответы!! Пока добрался до сюда сам додумался про полупрозрачный слой сверху, сразу что-то не дошло. Устраивает вполне такой метод! Низкий поклон)

Не буду писать урезки кода Вот ссылка на тест-страницу: http://rootical.byethost4.com/3/index.html Нужно, чтобы блок чуть-чуть залазил на вышестоящий. В чем, собственно, проблема? З-индексы не помогают. Опера и Фаяфокс - все в порядке. Может другие способы? Рассчитываю на Вашу помощь, спасибо

Возникла похожая проблема. Нужно, чтобы картинка (которая находится левее центрированного контента) была видна только если экран позволяет, а так контент центрирован в тянущихся блоках. + если не позволяет полностью показать, то на половину, треть и тд. Думал просто сделать абсолютный блок с отрицательным левым краем, но при уменьшении окна браузера возникает неадекватность. Какие ещё есть варианты без использования ява скрипта?

Извиняюсь, что-то с сервером, перезалил на другой. С помощью Ява скрипт можно сделать?

Дизайнер нарисовал, реально ли воплатить? Не так давно занимаюсь вэб прогом, моих знаний не хватает) На чистом ксс вряд ли возможно, может ещё что-то? Разъясните, пожалуйста

От себя добавлю, что если приписать display: inline; для всего "шестого ие", то не помогает. Надо прописывать непосредственно для определенного блока или определенных элементов. Вот такой хак: *html {display: inline;} - будет ещё и для ие 5.5. Спасибо Доброму за решение, потому что отдельно писать в хаках маргины для каждого элемента мегко говоря не удобно).

Спасибо огромное!

Ночью уже не соображал совсем, забыл написать Нижний отступ под лого, сейчас не на рабочем компьютере - здесь только ИЕ 7. Извиняюсь, что сразу не сказал. А он есть.

Никак не могу догадаться, откуда берется нижний отступ в ИЕ( Ссылка на сайт Кто-нибудь знает, отчего?

Очень хороший вариант. И простой. Радиус легко изменяется. Прям как на гмэйле. CSS: /*BOX*/ #box-catalog { float: left; width: 10.8125em; margin: 2.3125em 2.3125em 2.3125em 2.3125em; } .inner-box { padding:1em; } .r1, .r2, .r3, .r4, .r5 { display: block; height: 1px; overflow: hidden; font-size:1px; } .r5 { margin: 0 5px; } .r4 { margin: 0 4px; } .r3 { margin: 0 3px; } .r2 { margin: 0 2px; } .r1 { margin: 0 1px; } h3 {margin: 0; padding: 0; font-size: 1.125em;} .inner-box, b { background-color: #FFFFFF; } #box .inner-box { padding: 0.7em 1em;} /*END BOX*/ HTML: <div id="box-catalog"> <b class="r5"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b><b class="r1"></b> <div class="inner-box"> <h3>Каталог</h3> <a class="link" href="/">Акции</a> </div> <b class="r1"></b><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r5"></b> На контент не обращаем внимания - рабочий, так сказать. Из минусов - ошибки валидности, но это не такая большая проблема.

А если ещё тень нужна, то я совсем в тупике...

Те, что мне нужны в большинстве своем могут тянуться вниз. В примере выше это условие соблюдено

Возник такой вопрос. Нужно сделать блок с закругленными углами, сзади которого располагается разный фон. В одном случае, к примеру, фотография, во втором просто цвет. Делать разные изображения углов, в зависимости от страницы уж не хочется( Тем более, что таких блоков несколько, да и как-то мясисто это. Надеюсь, что есть грамотный альтернативный способ. Не поделитесь вариантами решения, люди добрые? http://nicothin.ru/zakruglennye-ugly-v-ideale.html Вот интересный способ, есть ещё варианты?

http://forum.htmlbook.ru/index.php?showtopic=11821 Вот похожая проблема

Ссылка на пример В вышеназванных браузерах блок с услугами и блок с картинкой съезжают при заданном маргин-лефт. Или же правые за ними едут. Как исправить ситуацию/мою ошибку? Путем хака убрал 10 px - стало норм, есть ли другие варианты? Спасибо!

М-да.. и на самом деле - стыдно... Стояло "\" вместо "/" везде в .css(( Спасибо за помощь! Сорри за глупство)

Да, Вы правы! Опечатка , как всегда. НО вот и другая проблема, теперь вообще все посыпалось. Поправил. Попробовал все стандартные доктайпы, а ссылки теперь и в ИЕ вовсе не работают с картинками В чем ещё может быть ошибка, голова кругом ( Спасибо! Неработающие ссылки во всех браузерах, поправленный доктайп Старый вариант, работает в ИЕ 2ГромЛайн - Да, класс и айди - разные вещи, могут использоваться для разных целей по-одиночке) Можно и вместе.

Странное дело, товарищи. Уже использовал раньше этот способ, все было идеально. Все точь-в-точь, вплоть до доктайпа. Не могу собственноручно разобраться Вот html: <div id="men"> <div id="menu"> <div id="buttons"><div id="about"><a class="link-about" href="about.html"></a></div><div id="contacts"><a class="link-contacts" href="contacts.html"></a></div> <div id="inf"><a class="link-inf" href="inf.html"></a></div><div id="vacansy"><a class="link-vacansy" href="vacansy.html"></a></div> <div id="gallery"><a class="link-gallery" href="gallery.html"></a></div>[b]<div id="partners"><a class="link-partners" href="partners.html"></a></div>[/b] </div> </div> <div id="welcome"> <div class="welcome"><b>Добро пожаловать!</b></br> АБРАКАДАБРА.</div> </div> </div> Css для ссылочки меню: [b]#partners [/b] { float:left; margin-left: 6px; width: 76px; height: 15px; } a.link-partners:link { display: block; width: 76px; height: 15px; background: url('images\partners.gif') no-repeat; } a.link-partners:visited { display: block; width: 76px; height: 15px; background: url('images\partners.gif') no-repeat; } a.link-partners:hover { display: block; width: 76px; height: 15px; background: url('images\partners_oc.gif') no-repeat; } a.link-partners:active { display: block; width: 76px; height: 15px; background: url('images\partners_oc.gif') no-repeat; } В качестве примера привел один из пунктов меню. Для наглядности: http://rootical.byethost4.com/kargo.html Кучу времени убил, непонятно(