mrnobody

Сделал их плавающими и убрал паддинги — http://jsfiddle.net/pgns4/ Задайте фиксированную ширину этим элементам и попробуйте убрать паддинги.

#left_menu { float: left; } #right_menu { float: right; } И паддинги можно удалить, конечно если они вам не нужны.

Извиняюсь, не внимательно прочитал .

Похожий сервис — http://quirktools.com/screenfly/ .

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

Когда свойство position принимает значение absolute или fixed, то свойство float принимает значение none, хоть вы и написали float: right;. И display: block; не надо писать, потому что есть float и posdition: absolute. Если нужно чтобы плавающий элемент обтекали другие элементы, то его нужно расположить в начале блока Х, а вот как его вниз опустить с сохранением обтекания я не знаю ((. Если через position: absolute делать то нужно прописать bottom: 0; и right: 0;, но опять приходим к тому что не будет обтекания.

Блин, не пойму, где появляется отступ при задании padding'а элементу main . Поставил .main {padding: 20px;}, в Хроме и Мозилле все одинаково выглядит. Скрин:

Я не знаю как в IE8, но в IE9 при нажатии нажатии на F12 на панели есть выпадашка с выбором режима браузера (но, мне кажется что вы это знаете )

Так и задавайте margin-left: ?px;

Вот так получилось, конечно это не лучший вариант, но как смог ( http://jsfiddle.net/NyvZb/

Ну можно через псевдоэлементы сделать, но если делать с ними, то проще не таблицей, а дивами создавать блоки. А они какие должны быть, фиксированные или будут тянутся?

Я делаю так: нажимаю на латинскую клавишу "T" и щелкаю по блоку с текстм, если нужно выбрать другой текст нажимаю клавишу "ESC" и щёлкаю по нему (другому тексту).

Возьмите ) Скрин:

А если прописать vertical-align: top;? Я только добавил стиль для первой таблицы display: inline-table http://jsfiddle.net/GbWFt/2/

У вас обратный слеш стоит, нужно обычный: вот так: src: url(fonts/MyriadPro-Regular.otf); А зачем вы применяете шрифт к спискам, а потом к ссылкам в этих списках? Ведь шрифт наследуется. .header_bottom ul li { padding:0 0 0 15px; margin-top:12px; background:url(img/unlimited14x14.png) no-repeat left center; font-family:MyriadPro-Regular; font-size:10px; } .header_bottom ul li a{ font-family:MyriadPro-Regular; font-size:16px;

Давай архивом )

А расширение шрифта какое, .ttf? Может вы в кавычки не заключили имя шрифта у которого есть пробел. Желательно на бесплатный хостинг закинуть файлы (в лучшем случае) и показать, а то так долго гадать можно, может человеческий фактор — вы допустили где-нибудь ошибку.

Ага, в Макстоне как у вас на скрине . А Cафари не охота ставить

Вот как в хроме Версия 21.0.1180.60 m

Теоретически должно работать в IE8+ . А вот на счет второго вопроса, я так и не понял, у меня в Хроме все нормально раздвигается — как в Мозилле и Опере.

Вот ответ на первый вопрос. Скрин: p:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff); background: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(top, rgba(255,255,255,0), #fff); } Высоту маленькую задал, нужно около 10px—15px.

Вот бы код Может подойдет свойство visibility? Еще можно задать прозрачный текст — color: transparent;

B еще наверное нужно свойство transform, т.к. виден небольшой наклон рамки.

Вот как получилось: Блин, уголки не закруглились: левый верхний и левый нижний (((. Не знаю как уголки скруглить . Вот видео http://zalil.ru/33635283

dropbox или можно rghost.ru (без регистрации).