Diskuze: Relativní margin, jak udělat odstup o 1% výšky parenta

HTML a CSS HTML a CSS Relativní margin, jak udělat odstup o 1% výšky parenta American English version English version

Avatar
Jan.Tajovsky
Člen
Avatar
Jan.Tajovsky:

Zdravím všechny webdesignéry,

zase jsem tu s vcelku zajímavím problémem. Tentokrát je to relativní margin.

http://pastebin.com/cHFx3faM

V interním stylu jsem nastavil, že zleva i zprava bude odstup 1%. O stejný efekt jsem se pokusil i s topem a bottomem ale nefunguje to jak má.

  1. V inspektoru jsem zjistil že margin-top je 7px, i když je výška parenta 200px, takže by měl být 2px.
  2. Vypočítaný margin se používá od prvku <body> a ne od prvku <div class="c1"> jak jsem očekával.

Vcelku zajímavé je, že margin-left/right nemá žádný z těchto problémů...

Předem díky za každou odpověď,

Honza!

Editováno 27.8.2014 12:12
 
Odpovědět 27.8.2014 12:11
Avatar
Pavel Mareš
Redaktor
Avatar
Pavel Mareš:

Nebylo by lepší to udělat takto: http://jsbin.com/…agoju/1/edit ?
Tohle mi přijde jako lepší nápad, jen k tomu úkonu, který tu ukazuješ.

Nahoru Odpovědět 27.8.2014 14:41
Nechci být workoholik. Bohužel někdy musíme být tím, čím nechceme.
Avatar
Jan.Tajovsky
Člen
Avatar
Odpovídá na Pavel Mareš
Jan.Tajovsky:

Pointa použítí relativních jednotek je, aby byl layout flexibilní, tedy aby se přizpůsobil velikosti nadřazeného prvku. V mém případě tedy div c1. Nastavit padding nebo margin na "tvrdo" není řešení, ba naopak.

Nicméně děkuji za rychlou odpověd. :)

Honza

 
Nahoru Odpovědět 27.8.2014 15:06
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.