Autor Zpráva
Dryadalis
Profil
Ahoj, potřeboval bych poradit s tím jak napsat velikost obrázku tak aby byl zobrazován na všech velikostech monitorů a všech prohlížeších úplně z leva do prava. Zkoušel jsem velikost obrázku napsat v pixelech jenže někdo má monitor menší někdo větší někdo používá onen prohlížeč někdo zase nějakej jínej a pokaždé je ten obrázek jinak a ne zrovna tak jak bych potřeboval. Zkoušel jsem to napsat v procentech jenže to taky nevyšlo obrázek se mi nepovedlo dát tak aby byl vždy a všude z leva do prava aniž by se tam nezobrazila posouvací lišta nebo nežádoucí bílý okraj. Prosím poraďte mi radši bych byl kdyby to bylo v HTML ale i s CSS bych si nějak poradil.
Předem děkuji za pozitivní odpověď
margin
Profil *
<!DOCTYPE HTML>
<meta charset="utf-8">
<title>zimní krajina</title>
<style>
html, body, img { height: 100%; width: 100%; margin: 0; padding: 0; display: block;}
</style>
<img src="foto.jpg" alt="zimní krajina">
Případně si to uprav podle potřeby, více následující popis:
100% výška pro html a body, více v článku CSS: Událost měsíce — 100% výška a svislé centrování!
Nulování marginu a padiingu pro body odstraní bílé okraje
Nastavení obrázku jako blok je jedno z řešení mezery pod obrázkem.

Ale je tam problém s poměrem stran, různé displeje mají různý poměr stran a různé prohlížeče mají různý rozměr viewportu (plocha, která v prohlížeči zbývá pro zobrazení stránky). To se dá řešit jen javascriptem.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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