NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Margin-bottom nefunguje v IE ani ve Firefoxu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Jan Lupčík
Tvůrce
Avatar
Jan Lupčík:27.11.2014 15:55

Ahoj,
po delší době jsem zjistil, že mi nefunguje v IE ani ve Firefoxu margin-bottom. V ostatních prohlížečích jede vše, jak má, ale jenom v těchto prohlížečích to prostě nechce fungovat. Nevíte, jak to vyřešit? Google jsem prošel a nefunguje ani:

@-moz-document url-prefix() {
/* CSS kód */
}

Přikládám momentální kód, který funguje v ostatních prohlížečích:

#obsah {
        width: 840px;
        background-color: #34AFFF;
        position: absolute; left: 200px;
        border-radius: 10px;
        margin-bottom: 35px;
}

Děkuji předem všem za rady. :)
P.S. Opravdu s CSS nejsem kamarád, a proto mi nehodnoťte tu pozici a tak. Mně jde spíše o to margin-bottom.

Odpovědět
27.11.2014 15:55
TruckersMP vývojář
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Jan Lupčík
Michal Žůrek - misaz:27.11.2014 16:10

a co na něm nefunguje? margin-bottom přímo tem elemement nijak viditelně neovlivní.

 
Nahoru Odpovědět
27.11.2014 16:10
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Jan Lupčík:27.11.2014 16:14

Nefunguje to, že ho patička překrývá, protože se tam nechce nastavit ten margin-bottom. Prostě ho Firefox ignoruje. A já bych to chtěl opravit, protože takhle ta patička vždy překrývá 3 řádky na konci stránky. Kdyby se nastavil ten margin, bylo by to v pohodě.

Nahoru Odpovědět
27.11.2014 16:14
TruckersMP vývojář
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Jan Lupčík
Michal Žůrek - misaz:27.11.2014 16:16

je to někde online. Podíval jsi se přes F12 co ten margin vyrušilo?

 
Nahoru Odpovědět
27.11.2014 16:16
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Jan Lupčík:27.11.2014 16:22

Nic ho neruší. :(

Nahoru Odpovědět
27.11.2014 16:22
TruckersMP vývojář
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Jan Lupčík
Michal Žůrek - misaz:27.11.2014 16:23

a je to online? resp můžu se na to někde podívat co to dělá?

 
Nahoru Odpovědět
27.11.2014 16:23
Avatar

Člen
Avatar
:27.11.2014 16:30

Zdravím. Zkoušel jsi místo margin-bottom použít jen bottom? Když už tam máš position: absolute.

 
Nahoru Odpovědět
27.11.2014 16:30
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Michal Žůrek - misaz:27.11.2014 16:49

máš neskutečný bordel v layoutu. Ale to se časem naučíš... Mícháš absolutní pozice s floatem, čimž on tam sice nějaký margin dá, ale protože ví, že je zbytečný (ikdyž není) nechá ho vyjet.

divu (id=menu) vyhoď float a margin.

a divu (id=obsah) vyhoď position:absolute a left: 200px a přidej mu margin-left: 200px.

Pokud jsem na nic nezapoměl, mělo by to fungovat. Nicméně ti to asi trochu rozhází menu, tak si s tím budeš muset pohrát.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
27.11.2014 16:49
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Jan Lupčík:27.11.2014 20:35

Moc ti děkuji, sice jsem si u menu float: left nechal (pak to bylo úplně rozházený), ale i tak to funguje. Udělal jsem to podle tvých rad. Sice u obsahu na vrchu to moc není zaoblený, ale to už mi nevadí. Vypadá to docela i hustě. :O

Tak ještě jednou děkuji. :)

Nahoru Odpovědět
27.11.2014 20:35
TruckersMP vývojář
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Jan Lupčík
Michal Žůrek - misaz:27.11.2014 20:39

Není zač. Přečtl sis i tu poslední větu?

Editováno 27.11.2014 20:39
 
Nahoru Odpovědět
27.11.2014 20:39
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Jan Lupčík:27.11.2014 20:41

Ano, ale opravdu CSS nemusím, takže float zůstal. A za tuhle větu dostanu určitě mínusy. :D

Nahoru Odpovědět
27.11.2014 20:41
TruckersMP vývojář
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 11 zpráv z 11.