Русское сообщество fluxbb

flashcat

Гость

Как сделать резиновое изображение в CSS

Как сделать резиновое изображение в CSS? ну например в стилях типа http://demo.punres.org/?id=44 здания обводка овальная при разных разрешениях экрана не меняться в размере. Подскажите пожалуйста как сделать её резиновой?

картинки в ______cs.css

#punwrap {
    background: url(../../img/Kontrast/bg.gif);
}
.pun {
    background: url(../../img/Kontrast/haut.gif);
}
#brdtitle { /* DELETE THIS IF YOU DON'T WANT A LOGO */
    background: url(../../img/Kontrast/logo.gif);
}
#brdfooter {
    background: url(../../img/Kontrast/bas.gif);
}

и вот их расстановка в .css

#brdmenu {height:17px;padding-top:1px}
body{text-align:center}
#punwrap {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-repeat: repeat-y;
}
.pun {
    padding-top: 35px;
    padding-left: 40px;
    padding-right: 40px;
    background-repeat: no-repeat;
}
#punredirect {
    background: #B4B4B4;
}
#brdtitle { /* DELETE THIS IF YOU DON'T WANT A LOGO */
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding-left: 45px;
}
#brdfooter {
    
    padding: 0 1px 40px 1px;
    width: auto;
    margin-bottom: 0;
    background-repeat:  no-repeat;
    background-position: bottom center;
};

я пробывал типа этого не получилось((( подскажите пожалуйста как?

#punwrap { width:90%; margin:auto; padding:0; 
    background: url(../../img/Kontrast/bg.gif);
}