Squidward

Частично заработал такой способ: <div id="inside"> <div id="dinamic">блок с динамической шириной </div> </div> #inside { width:2000px; position:absolute; left:50%; margin-left:-1000px; text-align:center; overflow:hidden; } #dinamic { display: inline-block; } То есть мы заранее задали оборачивающему диву ширину, большую окна браузера. В этом случае #dinamic выравнивается как надо. Но есть одна значительная проблема - оборачивающий див создает небольшой скроллинг справа. И чем меньше разрешение монитора, тем этот скроллинг больше. Да, забыл, и для ишака6-7 указываем _overflow:hidden; *zoom:1; *display:inline; А то он inline-block неправильно понимает и не центрирует.

Неа... Тогда он центрироваться перестанет, да и за левый край не выйдет все равно, независимо от позиционирования родителя... Это если про text-align:center говорить.

Да как тут нарисуешь... К примеру, имеем див с шириной 1200 (это в данный момент, ширина ведь динамическая), выровненный как вы говорили при помощи text-aling. Если разрешение экрана 1600, он останется по центру окна браузера. А если разрешение 1024, то есть меньше ширины дива, то он прилепится к левому краю окна, а его правая сторона вывалится за правую границу окна. А надо, чтобы он остался по центру, а его края равномерно ушли за границы окна браузера.

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

<div id="outside"> <div id="inside"> <div id="dinamic">блок с динамической шириной </div> </div> </div> #outside{ overflow: hidden; position:relative } #inside { position: relative; left: 50%; float: left; } #dinamic { position: relative; right: 50%; z-index: 1; }

Нужно, чтобы div с динамической шириной выравнивался по центру окна и оставался по центру, если он оказывается шире окна браузера, и чтобы появлялись полосы прокрутки. По центру у меня получается выровнять, но когда окно браузера становится меньше дива, он прижимается к левой стороне окна.

Нужно сделать блок с динамической шириной, выровненный по центру, который не растягивался бы на всю доступную ширину, потому что у этого блока есть бекграунд (уголки и фон). Блок расширяется вложенным контентом, а именно - горизонтальным меню. Сделал так, работает везде кроме ишаков от семерки и ниже: CSS: #wrapper{ text-align:center; } #menu{ display:inline-block; background:url(../images/menubg.png) repeat-x; } #menuleftcorner{ background:url(../images/menuleftcorner.png) no-repeat left; } #menurightcorner{ background:url(../images/menurightcorner.png) no-repeat right; } HTML <div id="wrapper"> <div id="menu"> <div id="menuleftcorner"> <div id="menurightcorner"> <ul><li>...</li><li>...</li><li>...</li></ul> </div> </div> </div> </div>

Сразу не проверил, а теперь посмотрел. Нет, это не подходит. Это просто перекрывание li вложенным ul. Видимо, нельзя выстроить зависимость от потомка к родителю голым CSS.

Большое спасибо.

Имеем пункты меню. У каких-то пунктов есть выпадающие меню второго уровня, у каких-то нет. Заранее прописать классы для тех пунктов, у которых есть выпадалка, нельзя - это CMS. Задача - для тех li, у которых есть выпадающие ul, получить другое отображение, а именно - фон при :hover. Меню горизонтальное, выпадалки выпадают вниз. Извиняюсь, если сначала написал непонятно - мне показалось, что все довольно четко.

И как это должно помочь? Нет, иначе бы я не спрашивал.

Нужно, чтобы у тех li, которые содержат вложенные ul, при условии :hover были свои стили CSS, отличные от тех li, которые не содержат вложенных ul. Можно ли это сделать средствами CSS? Если нет, подскажите, как это делается Яваскриптом. Просто для этих li при наведении фон нужен другой.

А с какой стати его назад заберут? Это же не брак.

Так там TN-матрица. Разве такой монитор подойдет?

Прикупил я, собственно, монитор Samsung Flatron IPS263 на IPS-матрице. В магазе сделали TFT-тест, все было вполне приемлемо, хоть и не идеально. Дома заметил, что наблюдается некая зернистость цвета. То есть не пискелизация, а именно зернистость цвета, проявляющаяся абсолютно одинаково при любом разрешении. Например, белый цвет отображается не сплошняком, как на недавно сломавшемся у меня ЭЛТ-мониторе, а как бы легким песочком, состоящим из едва заметных для глаза песчинок из белого цвета чуть различающихся оттенков. Этот "песочек" как бы наложен поверх всего экрана. Я немного расстроился... Это проявляется на всех ЖК-мониторах? Просто у меня до этого стоял ЭЛТ. Заставлял смотреть на монитор соседку, та никакой зернистости не увидела, то есть для обычного человека, не связанного с графикой, это незаметно (или просто соседка тупит). И еще - с монитором был драйвер, но ни с ним, ни без него я разницы в работе монитора не увидел. Это не софт для настройки монитора, а просто какой-то драйвер. Для чего он нужен, если ни на что не повлиял?

Я имел в виду максимальную ширину.

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

Ребят, скажите, если знаете, как называется шрифт на картинке или подскажите похожий, чтобы работало с кириллицей.

Cubka, вы перенесли слово "слова" на новую строку и, соответственно, добавили непечатаемый символ абзаца. Да, так переносится, однако руками внутрь ссылок ничего добавить нельзя, это CMS. И еще у вас одни <a> завернуты в <p>, а другие в <span>. Так тоже не получится сделать.

А по яваскрипту спецов нет? Как сделать, чтобы в пунктах меню пробел (не ; , а именно пробел) заменялся на br?

Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).

Спасибо.

Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> А это единичный td, который ведет себя так, как будто справа стоит еще один td. </td> </tr> </table>

Прямо так и писать - знак плюса между li?

Круто, спасибо. Полезная штука.