Z1gnet

во-первых не overflow-x: hidden; а overflow: hidden; без "х". во-вторых что там у вас на айфоне? справа ромбы видны?

вот я тоже далеко не гуру джееса. но вот посмотрел ссылки, подумал, покумекал и у меня все получилось. если хочешь подсказку то пожалуйста. тебе понадобится (по крайней мере как я сделал) window.location.hash и window.location.hash.substr(1) а теперь в бой, удачного сражения в нелегкой схватке с джеесом

заверните весь сайт в див (все что внутри body) и дайте этому диву width:100%; overflow:hidden; на body нужно задать min-width обязательно. около 1000рх на айфоне и везде где экран меньше 1000рх уши и не должны быть видны вообще. хотя я бы это ушами не назвал бы

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

это тут не поможет из-за флоата на container. в нем собственно и проблема, уберите флоат и все встанет на свои места.

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

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

http://prntscr.com/25ylrk бессмысленно писать эти 2 свойства вместе либо одно, либо другое. с навигацией вы конечно жутко намудрили.... мое предложение хтмл <nav class="nav"> <ul> <li><a class="rentals" href="#">Аренда</a></li> <li><a class="service" href="#">сервис</a></li> <li><a class="spare-parts" href="#">запчасти</a></li> <li><a class="finance" href="#">калькулятор</a></li> </ul></nav>css .nav{ margin:40px 0 0; font-size:15px; font-weight:bold; text-transform:uppercase;}.nav ul{ display:table; width:100%; table-layout:fixed;}.nav li{ background: #8D1B1B; /* градиент сами пропишите */ display:table-cell; vertical-align:middle; text-align:center; padding:10px 10px 9px; border-left:3px solid #fff;}.nav li:first-child{border:none;}.nav li a{ color:#fff; display:inline-block; vertical-align:top; text-decoration:none; padding:12px 0 11px 45px; max-width:100%; word-wrap:break-word; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url(../images/rentals.png) 0 50% no-repeat;}.nav li a:hover{text-decoration:underline;} /* думаю черный цвет текста тут не к месту, либо иконка тоже должна цвет менять*/.nav li .service{background-image:url(../images/service.png);}.nav li .spare-parts{background-image:url(../images/spare_parts.png);}.nav li .finance{background-image:url(../images/finance.png);}в результате получите навигацию которая тянется на 100% экрана, кнопки одинаковой ширины. упрощенна структура html и css. теперь правильная кликабелья область навигации (хотя я бы сделал что бы весь красный квадрат был ссылкой). навигация не валиться при добавлении текста, тянется и выравниваются по высоте. было http://prntscr.com/25yuvh стало http://prntscr.com/25yv43 . работает ие8+. если надо ие7 то тоже можно разрулить

@Arinden, а с какой целью вы используете табличные свойства? как по мне так они тут излишни.

сорри, не то залил. щас исправлю http://jsfiddle.net/4uPDE/4/ вот нужно просто указать в каком диве находиться А. вот так будет .block_news_one:hover .button_down_one a{...}

Он все правильно сделал. вот реализация http://jsfiddle.net/4uPDE/3

я не фрилансер, в фирме в основном используем Redmine

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

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

у кнопки высота считается вместе с паддингами и бордерами, тоетсь нужно ставить на сабмит высоту 29рх. на текстовое поле поставте vertical-align: top;

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

ну вы поняли как все исправить? и в чем собственно была проблема? а то по вашему комменту не совсем ясно

before и after на элементах формы не работают тоесть если правильно ввел капчу должна появляться галочка? ну это нужно валидацию поля проводить

конечно, но лучше что бы вы показали то что хотите сделать, было бы яснее каким способом лучше это реализовать http://jsfiddle.net/Yu8HE/1/ вот как вариант

как вариант http://jsfiddle.net/zWs7L/ показал 2 примера, когда в правой колонке много пунктов в списке и когда мало а можете показать скрин того что хотите получить?

потому что позишин релатив не изымает из потока блок, он его только смещает, но физически в потоке остается его первоначальное положение. отсюда и появляется отступ. http://jsfiddle.net/Yu8HE/ вот одно из возможных решений (в зависимости от того с какой целью вы один блок на другой наложили). и не пишите стили инлайново, это очень и очень плохо!

задайте максимальную высоту на оберточный блок и оверфлов хидден

а какие версии вебкита и мозиллы? какая ОС? вот у меня все гуд http://prntscr.com/25ostl хром 31, а фф 25 , видовс7 в любом случае я проверяю кроссбраузерность шрифтов на сайте гугла сразу. открываю в разных браузера один и тот же фонт на http://www.google.com/fonts и если там совпадает то все гуд, если нет - то вы ничего не сможете тут поделать, фонт изначально не кроссбраузерный

http://prntscr.com/25nqs1 уменьшите ширину этого дива

Укажу на ошибки первого макета. 1. Фонт лучше задать на боди, а на маин. Во-вторых фонт нужно задавать основной на странице, что бы если просто вставят текст - он будет в этом стиле. Это уж никак не навигации, в вашем случае скорее всего вот эта часть http://prntscr.com/25k6tx 2. Нету ни одного ховера на ссылках!!! Это очень плохо, если в дизайне не нарисованы ховеры, то делайте андерлайн. И не нужно на ссылки задавать :visited, если вы его не трогаете, а на ссылки зададите цвет глобально то визитед никак не будет себя проявлять. Кстати обязательно должен быть задан дефолтный цвет ссылок для всего сайта. в вашем случае я бы задал такие стили a{color:#EC8D99;text-decoration:underline;}a:hover{text-decoration:none;}то есть задаем цвет ссылок по умолчанию на всем сайте и делаем ховеры. 3. http://prntscr.com/25k7fg неверная кликабельная область ссылок. Либо задайте марджин вместо паддинга, либо паддинг на li 4. логотип должен быль обязательно кликабельным (заверните в ссылку) 5. коль уж поставили доктайп хтмл5 то будьте добры юзать его. хотя бы вставить теги nav, header, footer, aside. нумаю не нужно обьяснять какой куда))) 6. адрес фирмы нужно засунуть в тег address 7. НЕЕВАЛИДНЫЙ хтмл! проверяйте валидатором и исправляйте ошибки. http://prntscr.com/25kde6 внутри ul должен идти только li, а уже внутри него можно сувать что угодно. 8. http://prntscr.com/25ke0p полоску нужно вырезать одну и вешать не на ul , а на li . У каждой li будет своя полоска. а ну и одну полоску повесить на ul для того что бы установить последнюю полосу (простите за тавтологию) 9. зачем в батон ссылку пихать? либо одно, либо другое http://prntscr.com/25kfhq 10. используйте сокращенные записи http://prntscr.com/25kgdd margin:34px 0 0 300px; 11. этот блок сделан не правильно http://prntscr.com/25kgoq если добавить контента то вот какая фигня получается http://prntscr.com/25kgxn что бы этого не происходило нужно сделать для .news : 1) вырезать правильно фон (без бордера) 2) задать бордер через цсс. 3)добавить заливку цветом самого нижнего пикселя http://prntscr.com/25ki4o в вашем случае это #B60010 и отменить повторения фонового рисунка. в итоге должно получиться так background:#B60010 url("../img/news.png") no-repeat; 4) убрать высоту и задать overflow:hidden (потому что внутри флотнутые элементы). 12. имага накрыла этот текст http://prntscr.com/25kk57 13. http://prntscr.com/25kkiq нельяза задавать этот фон на .main-container потому что это фон относится к диву .article http://prntscr.com/25kkud . проблема в том что если вдруг убрать .article получится вот такая лабуда http://prntscr.com/25kl9n ну вроде все, есть конечно некоторые вещи которые я бы сделал по другому, но это уже совсем другой разговор. настоятельно рекомендую исправить данные баги и в будущем их не совершать. будут вопросы - пишите, всегда рад помочь в браузерах разных смотреть не буду, думаю с этим сами справитесь P.S. http://prntscr.com/25kmvs старайтесь не задавать фиксированную высоту, только в случае крайней необходимости. в большинстве случаев можно заменить на min-height