» Poradna » Programy

Změna padding top podle rozlišení

 |   | 

ahoj všichni, dělám stránky který jsou udělaný aby nejlépe vypadali v rozlišení 1024*768, chtěl bych aby se při vyšších rozlišeních měnil padding-top v body. aby byl při 1024*768=3px, 1200*1024=10px, při  při1600*1200=30px.. atd vlastnosti body mám v externím css, zatím to vypadá takto:
body {
   margin: 0px;
   text-align:center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 70%;
   padding-top: 3px;
   color: #006600;
   background: url(soubory/bg_body.jpg) repeat-x ;
   background-attachment: fixed;
}
poradil by mi někdo prosím jak to udělat aby to dělalo to co chci, nebo jestli je to vubec možný?
 
díky moc

Odpovědi na otázku

 |   | 

ty px asi budou jiný, toto je jen tak pro příklad, kurnik kéž by to šlo

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   | 

Šlo by to udělat, ale vykašli se na to. K čemu ti to bude? Vždyť nevíš, jak má uživatel nastavenou velikost okna prohlížeče, takže měnit padding podle rozlišení je nesmysl...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   | 

no jde o to že dělám stránky který jsou docela malý, tak jsem chtěl aby při vyšších rozlišeních byly alespon posunutý níž, protože když má někdo rozlišení 1200*1600 tak ta stránka vypadá dost uboze. toto s tím padding mě napadlo když už sem soro usínal... no te si říkám že by bylo lepší nějak zajistit aby se stránka nějak centrovala i na výšku, no musím na to přijít - moc tomu zatím ještě nerozumím

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   | 

Jo, tak vertikální centrování by šlo.... pokud to tak chceš udělat.
http://www.jakpsatweb.cz/css/css-vertikalni-centro...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   | 

Už jsem to kdysi řešil. Jde to udělat pomocí JavaScriptu. Ten umí zjistit šířku a výšku okna a taky dynamicky měnit vlastnosti CSS. Jenom pozor na jednu věc: šířku a výšku okna zjistí prohlížeč až v momentě, kdy zpracovává část BODY. Takže ten skript musí být volán z BODY, nikoli z HEAD!

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Attachment, Fixed




Určitě si přečtěte

ELONOVINKY: Druhá strana popularity – servisy Tesly jsou přeplněné a nestíhají

ELONOVINKY: Druhá strana popularity – servisy Tesly jsou přeplněné a nestíhají

** Automobilka Tesla neustále zvyšuje prodeje svých vozů ** S kvapně rostoucím počtem nových majitelů Tesel ale stoupá i počet zákazníků servisů ** Servisy Tesly nestíhají, firma proto řeší další akutní problém

Petr Melechin, Karel Dlabač | 72

Windows 95 slaví 23 let. Vzpomínáte na ně? Jak dlouho jste je používali?

Windows 95 slaví 23 let. Vzpomínáte na ně? Jak dlouho jste je používali?

** 24. srpna 1995 zahájil Microsoft prodej Windows 95 ** Uvedení na trh doprovázela masivní reklamní kampaň ** I 23 let poté je určitě na co vzpomínat!

Karel Kilián | 118

Proč je pro obézní lidi tak těžké shodit nadbytečná kila?

Proč je pro obézní lidi tak těžké shodit nadbytečná kila?

** Obézním lidem selhávají mechanismy, jež je mají chránit před nadměrným příjmem potravy ** Mozek tlouštíků ignoruje hormon leptin varující před hromaděním tukové tkáně v těle ** Vědci nyní odhalili, jak to udělat, aby mozek otupený obezitou leptin opět vnímal

Jaroslav Petr | 46

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

** Apple dnes představuje nové produkty v čele s novými iPhony ** Nemusí zůstat jen u telefonů, čekají se i další novinky ** Úvodní přednáška začíná v 19:00 našeho času

David Polesný | 57

Odposlouchávali jsme děravou domácnost: Katka z Brightonu právě sedí doma, zatímco její manžel hraje asi golf

Odposlouchávali jsme děravou domácnost: Katka z Brightonu právě sedí doma, zatímco její manžel hraje asi golf

** Na internetu jsou tisíce nezabezpečených chytrých domácností ** Podívali jsme se na jednu z britského Brightonu ** Útočník sestaví kompletní socioekonomický profil rodiny

Jakub Čížek | 31


Jízdní řády Bileto
Aktuální číslo časopisu Computer

Megatest: 13 grafických karet

Srovnání 7 dokovacích stanic s USB-C

Jak na perfektní noční fotografie

Kvalitní zdroje informací pro sebevzdělávání