Березовский

понятно) рад что разобрался)

Вот css этого блока:

#other {
max-width: 570px;
position: relative;
margin: 20px 0 20px 0;
padding: 0;
}
#other ul {
width: 700px;
list-style-type: none;
display: block;
padding: 0;
margin: 0;
}
#other ul li {
float: left;
position: relative;
display: block;
margin-right: 21px;
width: 18%;
height: 100%;
line-height: 1.2;
}
#other img {
*zoom: 1;
max-width: 90%;
width: auto\9;
height: auto;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
margin-bottom: 10px;
}
#other ul li a:link, #other ul li a:visited {
color: #333;
}

Я думаю, причина в том, что wordpress задает жесткий размер миниатюр и указывает его в html коде страницы.

Но как это побороть?

блин да просто все. я же сказал выше как это побороть)

ну а как вообще должно быть то?

в общем выяснил что он совсем не понимает данное действие.. почему????

Спросить у MS?

Попробуйте подключить IE9.js а может selectivizr

та не... при чем тут это, не пашет событие :hover в данном конкретном случае, а css3 в эксплорере мне даром не нужен)

Не-не-не, изображение - только для примера! ) На самом деле во фрейме будет контент большого размера, его не нужно трогать. Нужно только спозиционировать сам фрейм (или заменить фрейм дивом, не суть). Вот на вашем скриншоте справа большое белое поле - как раз от него я и пытаюсь избавиться, то есть поднять нижнюю границу впритык к жёлтому. Фрейм при этом должен уменьшиться, либо обрезаться, а что произойдёт внутри него - это уже неважно...

Шоб ты был здоров!!!))) я с этим изображением час морочался))))))

Не-не-не, изображение - только для примера! ) На самом деле во фрейме будет контент большого размера, его не нужно трогать. Нужно только спозиционировать сам фрейм (или заменить фрейм дивом, не суть). Вот на вашем скриншоте справа большое белое поле - как раз от него я и пытаюсь избавиться, то есть поднять нижнюю границу впритык к жёлтому. Фрейм при этом должен уменьшиться, либо обрезаться, а что произойдёт внутри него - это уже неважно...

держи) убери из колонки div...

<!--Правая колонка-->
<td style="background:yellow; height:100%;">
<BR>—<BR>-к-<BR>-о-<BR>-н-<BR>-т-<BR>-е-<BR>-н-<BR>-т-<BR>—<BR><BR>
</td>

да и сам iframe лучше внутрь дива левой колонки всунуть. чего ему снаружи делать...

я иногда удивляюсь как я вообще сайты делаю.... таких простых вещей не знаю)

странно) я на вопрос ответил но сообщения нет) наверное надо у модератора спросить как сделать то что Вы просите))))

пропишите в функциях вашей темы максимально большой размер миниатюр, а в стилях задайте 100% и все.

Здесь ситуация другая. Прижать блок вправо легко, но как сделать так, чтобы изображение во 2-ом блоке (фон) не смещалось влево при смене разрешения экрана (показано на втором скриншоте).

Как вариант можно сделать отступ слева, но появляется полоса прокрутки и overflow:hiden не помогает с ней справиться.

Мелочь, а хочется понять и разобраться...

так оно и не должно смещаться О_О как это? блок не смещается а фон в нем смещается? или я не понял?

все работает...

у нас видимо эксплореры разные?) у меня 9 не пашет совсем. работало бы я бы радовался)

Это даже стало интересным) угрохал час)) никак не могу добраться до img в iframe.... вообще код в порядке, я вставлял вместо iframe - img и все путем, только там один div лишний </iframe></div> -- этот. и размер iframe лучше такой style="width: 100%; height: auto;" на скрине маячит iframe и img как видишь с img проблем нет совсем... все дело во фрейме.. а зачем тебе выводить во фрейме изображение?

смотри скрин - http://prntscr.com/twgmd

@media only screen and (max-width: ....px) {} полностью опираюсь на эту тему при адаптивной верстке... флоат тоже не все решает.

Приветствую всех.

Скажите по какой причине может не работать это demo http://www.jplayer.org/latest/demo-01 в Safari?

На сайте jquery demo работает а после скачки архива перестает работать в Safari.

Спасибо.

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

http://jsfiddle.net/y3xmG/

Почему элемент не располагается в центре окна браузера?

было бы странно) если бы он там располагался))))

во-первых left: 50%; высчитывается от левой стороны элемента, тут все верно, а поскольку элемент у вас не маленький, он смещен вправо... проще всего задать ему не абсолютное позиционирование а relative и задать margin:0 auto; где 0 это отступ верх и низ а auto отступ справа и слева, в таком случае элемент будет автоматически отцентрирован, но Эксплорер этого не понимает.. но это его проблемы)

это же 1 класс) блоку нужно просто задать position:absolute; right:0px; и он будет у вас всегда привязан к правой стороне что бы вы ни делали с окном браузера)

что конкретно не получается?)

#text ul {
display: none;
}
#text>p:hover ul{
display: block;
}

ну по идее так должно работать) можно использовать visibility:hidden и при наведении visible, можно opacity, смотря что конкретно нужно сделать и в каком случае)

Дело в том, что я заранее не знаю какие будут картинки, и какая ширина у блоков, со span че то не выходит

уточните проблему.

background-size:cover; а вообще посмотрите на htmlbook о background-size подробнее, это именно то что Вам нужно.

Всем привет, такая вот у меня проблема:

<div class="block">
<img src="img.jpg" />
<h3>Заголовок</h3>
<span>Текст, примерно одно предложение</span>
</div>

Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока.

При фиксированной ширине - это понятно, а вот так, не знаю куда копать

вообще не понял в чем проблема) решение по ходу легкое) но в чем проблема не понял.. уточните пожалуйста) тогда помогу)

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

<div id="cover_img_3">
<img src="1.jpg" />
<div class="text">
<p>Тут располагается скрытый текст..</p>
</div>
</div>

#cover_img_3{
cursor:pointer;
position: relative;
float: left;
margin: 30px;
width:370px;
height:200px;
}
#cover_img_3:hover>.text{
display: block;
top: 200px;
background: #000;
-webkit-box-shadow: 0 0 6px #333;
-moz-box-shadow: 0 0 6px #333;
-o-box-shadow: 0 0 6px #333;
box-shadow: 0 0 6px #333;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
#cover_img_3:hover img{
-webkit-box-shadow: 0 2px 5px #333;
-moz-box-shadow: 0 2px 5px #333;
-o-box-shadow: 0 2px 5px #333;
box-shadow: 0 2px 5px #333;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
#cover_img_3 img{
position: absolute;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .84s;
}
#cover_img_3 .text{
position: absolute;
top: 0px;
background:#f72429;
display: none;
text-align:center;
color: #fff;
text-shadow: 1px 1px 0 #333;
width: 370px;
-webkit-transition: .8s;
-moz-transition: .8s;
-o-transition: .8s;
transition: .8s;
}

проблема именно тут #cover_img_3 .text{.....} эксплорер вообще не понимает что я от него хочу) пробовал писать так #cover_img_3>.text{ и плюсик ставил))) в общем выяснил что он совсем не понимает данное действие.. почему????

спасибо за помощь.