singlepost

Вопросы по CSS << На главную или назад  

Первый вопрос конечно мой :)
резиновая верстка
есть три основных div'a
как сделать так чтобы фон каждого дива при маштабировании тоже изменял размер

20 ответов в теме “Вопросы по CSS”

  1. 19
    Степан Грязнов ответил:

    опера переваривает, мозилла не хочет. У тебя там много ошибок синтаксических ошибок, много где не хватает "

    upd:пропустил код через валидатор //www.dumpz.org/18050/

  2. 18
    Дмитрий Дорогин ответил:

    млин всё равно(((((посмотри ещё раз

  3. 17
    Степан Грязнов ответил:

    1)ну вот и ошибка)
    <style> </style>удали

    2)А что это он по //svinoi-grip-ru.tut.su/не открывается? Какая-то гостевая книга там лезет

    3)в хеде путаница, удали лишнее, оставь только это
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Свиной грипп</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico" />
    </head>

  4. 16
    Степан Грязнов ответил:

    покажи код или дай ссылку на сайт где не работает

    лучше ссылку

  5. 15
    Дмитрий Дорогин ответил:

    //svinoi-grip-ru.tut.su/index.html
    Ну это я так балуюсь:)

  6. 14
    Дмитрий Дорогин ответил:

    бесполезно(((((((

  7. 13
    Алексей Вишняков ответил:

    поставь пусть относительно корня сайта
    (слеш в начале пути href="/css/style.css" )

  8. 12
    Константин Петров ответил:

    илиhref="./css/style.css"

  9. 11
    Дмитрий Дорогин ответил:

    Да вот 10 раз перепроверял
    <link rel="stylesheet" href="css/style.css" type="text/css" />

  10. 10
    Сергей Шуст ответил:

    Вы так записываете строку к файлу ????.css<link rel="stylesheet" href="????.css" type="text/css" />

  11. 9
    Дмитрий Дорогин ответил:

    Ребят помогите когда код в хеде вот этот он работает но я его убрал во внешний файл и он перестал работать почему??
    сам код рабочий на странице а на внешнем нет почему?

    body { background-color: black;color: #dcdcdc; padding: 20px;}
    td.menu:hover {background-color: #B1B1B1;}
    a {color: 33CC00;}
    a:hover {color: #dcdcdc;background-color: darkgray; border: 2px solid gray;}

  12. 8
    Константин Петров ответил:

    Разобрался,
    3 див имеет картинку с кодом

    <img src="images/leftside.png" style="float:right; min-width:60%" height="100%" />

  13. 7
    Константин Петров ответил:

    идея такая

    |———————————-|“““|
    |““““““1““““` |“““ |
    |——————————— |“3“` |
    |““““““2““““` |“““ |
    |———————————-|“““|

    1 и 2 дивыв месте с фоном(img натянул) масштабируются и тянутся
    3й див тянется только по высоте но при уменьшении масштаба будет заходить под 1 и 2й див на некое расстояние (1 и 2й дивы бросают на него тень png)

  14. 6
    Алексей Вишняков ответил:

    фон, на то он и фон, что не растягивается
    вставляйте картинку и делайте ее высоту и ширину 100%

    как-то так

  15. 5
    Константин Петров ответил:

    в IE вообще не поддерживается такая конструкция

  16. 4
    Константин Петров ответил:

    Нашел как растягивать
    div{
    background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkot-background-size: auto 100%;
    -khtml-background-size: auto 100%;
    -o-background-size: auto 100%;
    }

  17. 3
    Александр Парфенов ответил:

    боюсь что на одном CSS эту задачу решить невозможно. Наверняка есть готовые решения проблемы на JS.

  18. 2
    Константин Петров ответил:

    когда берем за нижний край окна и тянем по диагонали
    все изображение должно на странице изменять размер под окно, без пробелов между дивами

  19. 1
    Александр Парфенов ответил:

    что есть масштабирование?
    Я просто себе это так понимаю..
    В браузерах FF и Opera при нажатой клавише CTRL+ скрол (верх/низ) изменяется масштаб страницы. При этом все, включая фоновые изображения элементов, изменяет размер.

Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.