Проблема с отображением картинки в google chrome

(Ответов: 6, Просмотров: 4832)
  1. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58

    HTML

    <html>
    <head>
    <title> 404 </title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>

    <div id="wrapper">
    <div id="ravshan"> <img src="image/rav.jpg" height="100%" width="100%"> </div>
    <div id="sidebar">
    <div id="logo"> <img src="image/logo_fon.jpg" height="100%" width="100%"> </div>
    <div id="menu"> </div>
    <div id="pust"> </div>
    </div>
    </div>
    </body>
    </html>
    [свернуть]


    CSS

    body {
    padding: 5% 10%;
    background: #3AE2CE;
    background: url("image/back.jpg");
    }

    #wrapper {
    height: 100%;
    width: 100%;
    }

    #ravshan {
    width: 70%;
    height: 100%;
    float: right;
    padding-right: 1px;
    margin-left:-4px;
    }

    #sidebar {
    background: #8080C0;
    width: 30%;
    height: 100%;

    }
    #logo {
    height: 20%;
    width: 100%;
    background: #D0FF00;
    }
    [свернуть]


    В опере и мозиле все отображается нормально. А вот в гугл хроме картинка вылазит:
    • 0
  2. Software Engineer Аватар для Zvеr
    • Регистрация: 07.02.2010
    • Сообщений: 603
    • Репутация: 228
    • Webmoney BL: ?
    Попробуйте в блоке за который вылазит картинка в самый конец добавить <div style="clear:both;"></div>
    • 0
  3. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    Zvеr, ничего не изменилось. Добавлял и в блок wrapper и в ravshan
    • 0
  4. Студент Аватар для knuckr
    • Регистрация: 13.04.2011
    • Сообщений: 46
    • Репутация: 15
    overflow: hidden; попробуйте
    • 1

    Спасибо сказали:

    Igor_13(04.01.2012),
  5. Гуру Аватар для viotur
    • Регистрация: 14.03.2010
    • Сообщений: 3,170
    • Репутация: 2818
    height="100%" width="100%

    Попробуйте в пикселях, а не процентами
    • 0
  6. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    viotur, мне нужна резиновая страница
    knuckr сработало, но все же лучше чтоб картинка полностью отображалась.
    Последний раз редактировалось Igor_13; 04.01.2012 в 11:27.
    • 0
  7. Banned
    • Регистрация: 19.08.2011
    • Сообщений: 605
    • Репутация: 58
    Проблему решил тему можно закрывать.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Проблема с отображением сайта на Wordpress. Нужно решение!!!
Web программирование 5 30.12.2011 10:47
google adsence рекламный блок- проблема с отображением
PPC и контекстная реклама 4 24.11.2011 03:23
Проблема с отображением модального окна в IE
Web программирование 2 03.09.2011 23:41
Упрощаем работу с Google+ - полезные плагины для Google Chrome
Дайджест блогосферы 0 09.07.2011 15:04
Проблема с отображением символа & в wordpress
Web программирование 0 03.07.2011 20:05

Интересные темы

верстка с помощью div

Профессионал делиться опытом и секретами о вопросах div-верстки, читай здесь.

google инвайт

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

инвайт для google

Все подробности по поводу возможности получить инвайт для google собраны в этой теме.

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры