[Помогите] Кроссбраузерность небольшого кода

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем xoff, 24 сен 2013.

Статус темы:
Закрыта.
  1. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    Вот сам код в деле: http://cssdeck.com/labs/t2m6aqhx

    Выглядит в opere старой немного не так, логотип верх перемещается.
    И в IE 8 вообще ужасно... в других ie наверное еще хуже.
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    560
    А где здесь логика присутствует?
    Зачем помещать подробнее в h2?
    Проще сделать вот такую структуру:
    <div id="banner">
    <a href="http://stv-sb.ru" terget="_blank">
    <div id="b_top">
    <div class="b_con">
    <span>Открылся Интернет-магазин видеонаблюдения</span>
    </div>
    <span class="readmore">Подробнее</span>
    </div>
    </a>
    </div>
    Это для начала. Сейчас поставлю ie tester и гляну че там ни так..
     
  3. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    гуглу скажи это) у них взял) только опустил с верха вниз.
     
  4. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    560
    можно ссылку на код, где такая штука расположена?
     
  5. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    "Ссылки Google"
    --- Добавлено, 24 сен 2013 ---

    HTML:
    <div id="topstuff">
    <div id="wmxmsg" style="background:#fff;padding:5px 9px;border:1px solid #dedede;margin:-4px -10px 12px -7px">
    <h2 style="background:#fff;float:right;font-weight:normal;font-size:11px;color:#777;margin:-12px 0;padding:1px 2px">Ссылки Google
    </h2>
    <ol style="padding:3px 0">
    <li class="std">
    <h3 class="r">
    <a href="http://www.google.com/intl/ru/webmasters/#utm_source=ru-wmxmsg&amp;utm_medium=wmxmsg&amp;utm_campaign=bm&amp;authuser=0">Попробуйте Инструменты Google для веб-мастеров</a>
    </h3>
    <cite>www.google.com/webmasters/</cite>
    <br>Вы являетесь владельцем <b>stv-sb.ru</b>? Получите данные индексирования и рейтинг от Google.</li></ol></div></div>
    --- Добавлено, 24 сен 2013 ---
    Вообщем решил проблему... просто сделал картинкой, и отображается везде одинаково... ie чертов
     
    Последнее редактирование: 24 сен 2013
  6. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    560
    Посмотрите сами на структуру данного блока. Я честно говоря удивился, когда Вы мне сказали, что такое использует гугл. Гугл умный и по нему иногда можно равняться в написании грамотной разметки.
    Вот
    <h2 style="background:#fff;float:right;font-weight:normal;font-size:11px;color:#777;margin:-12px 0;padding:1px 2px">Ссылки Google </h2> без окутаной ссылки
    А вот уже ссылка появляется в заголовке
    <h3 class="r"> <a href="http://www.google.com/intl/ru/webma...ium=wmxmsg&amp;utm_campaign=bm&amp;authuser=0">Попробуйте Инструменты Google для веб-мастеров</a> </h3> и это логично, поскольку вот такое применение <a href="#"><h3></h3></a> не логично.

    Посмотрите в нашем разделе тему http://wmasteru.ru/threads/Опрос-Поддержку-какой-версии-ie-вы-считаете-обязательной.2780/
     
Статус темы:
Закрыта.