Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
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š
Tvůrce
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
Však ono půjde ...
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.