Autor | Zpráva | ||
---|---|---|---|
Dryadalis Profil |
#1 · Zasláno: 11. 3. 2013, 21:38:03
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 * |
#2 · Zasláno: 11. 3. 2013, 22:21:16
<!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"> 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. |
||
Časová prodleva: 11 let
|
0