Autor Zpráva
Mramorová
Profil *
Když mám nastavenou tuhle class:

.xy {
  background:#444444;
    width:50%;
    height:100%; 
    float:left;  
}

na nějaký div a do toho divu vložím obrázek, tak předpokládám, že když posléze například zmenším okno prohlížeče, tak onen obrázek nebude přetékat přes oných 100% pozadí daného divu a přizpůsobí se (když "auto" nefunguje), ale bohužel se to neděje a nevím co stím.

Poradíte?
Náročný uživatel
Profil *
co třeba k tomu obrázku vložit následující?
img {
max-width: 100%;
max-height: 100%;
}
Trejpa
Profil
Mramorová:
Procentní rozměr výšky se odvozuje z nadřazeného elementu, nikdy ne z obsahu. Má nadřazený element nastavenou výšku? Když výšku má a tato je po přepočtu na pixely menší, než je výška obrázku, musí obrázek zákonitě přetéct.

A pak záleží na tom, co se má s obrázkem dít. Jestli se má oříznout podle nadřazeného bloku, tak tomu bloku nastav overflow na hidden. Jestli se má obrázek zmenšit podle výšky, nastav mu výšku na 100 % a případně omez jeho maximální výšku na jeho fyzickou výšku v pixelech. Příklad.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: