За последние 24 часа нас посетили 18013 программистов и 1657 роботов. Сейчас ищут 1544 программиста ...

Как отобразить картинку посередине?

Тема в разделе "HTML и CSS", создана пользователем radiante, 6 янв 2012.

  1. radiante

    radiante Активный пользователь

    С нами с:
    5 сен 2011
    Сообщения:
    6
    Симпатии:
    0
    Помогите с этими пунктами кто знает. Спасибо!

    1. Как сделать отображение картинки на html странице по центру? Картинка шириной 2048 точек, если ширина окна браузера меньше, то она должны обрезаться и слева и справа одинакого.

    2. Минимальная ширина страницы без горизонтальной полосы прокрутки это 1024, только при меньшем ширине окна полоса должна появляться.

    3. При перевороте экрана планшетника туда обратно должно все возвращаться в исходное положение, а масштаб ширини изменяться, т.е. именно 1024 точек отображаться по ширине во всех положениях платшетника, как это сделано на сайте ya.ru
     
  2. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    CSS:
    1. background-position
    2. min-width (в ИЕ 6 хаками, в ИЕ7 и выше вроде поддерживается)
    3. хз, нужно копаться в исходниках ya.ru имея подобный планшет
     
  3. radiante

    radiante Активный пользователь

    С нами с:
    5 сен 2011
    Сообщения:
    6
    Симпатии:
    0
    1. а что именно там сделать?

    если так

    background-attachment: fixed;
    background-position: 50% 0%;

    то картинка по центру, но она стоит на месте при вертикальной прокрутке страницы

    если так

    background-attachment: scroll;
    background-position: 50% 0%;

    то она не по середине...
     
  4. radiante

    radiante Активный пользователь

    С нами с:
    5 сен 2011
    Сообщения:
    6
    Симпатии:
    0
    сделал так, заработало и пункт 1 и 2

    body {
    width:100%;
    min-width:1000px;
    margin:0;
    padding:0;
    }

    #img {
    background:url('image.png') no-repeat center;
    width:100%;
    height:361px;
    }
     
  5. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    осталось разобраться с третьим вариантом ;)
     
  6. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    .body img
    {
    width:100px;
    height:100px;
    margin:0 auto;
    }