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

Aktivity (1)
Avatar
Jan.Tajovsky
Člen
Avatar
Jan.Tajovsky:27.8.2014 12:11

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š:27.8.2014 14:41

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
Grafik, Vývojář, Workoholik :)
Avatar
Jan.Tajovsky
Člen
Avatar
Odpovídá na Pavel Mareš
Jan.Tajovsky:27.8.2014 15:06

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.