Diskuze: Margin-bottom nefunguje v IE ani ve Firefoxu

HTML a CSS HTML a CSS Margin-bottom nefunguje v IE ani ve Firefoxu American English version English version

Avatar
IT Man
Redaktor
Avatar
IT Man:

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
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Odpovídá na IT Man
Michal Žůrek (misaz):

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

Nahoru Odpovědět 27.11.2014 16:10
Nesnáším {}, proto se jim vyhýbám.
Avatar
IT Man
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
IT Man:

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
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Odpovídá na IT Man
Michal Žůrek (misaz):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
IT Man
Redaktor
Avatar
Nahoru Odpovědět 27.11.2014 16:22
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Odpovídá na IT Man
Michal Žůrek (misaz):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
Tomek
Člen
Avatar
Tomek:

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

Nahoru Odpovědět  -1 27.11.2014 16:30
"Jak nahoře, tak dole. Jak uvnitř, tak vně."
Avatar
Michal Žůrek (misaz):

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í
+1 bodů
Řešení problému
Nahoru Odpovědět  +2 27.11.2014 16:49
Nesnáším {}, proto se jim vyhýbám.
Avatar
IT Man
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
IT Man:

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
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Odpovídá na IT Man
Michal Žůrek (misaz):

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

Editováno 27.11.2014 20:39
Nahoru Odpovědět  +1 27.11.2014 20:39
Nesnáším {}, proto se jim vyhýbám.
Avatar
IT Man
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
IT Man:

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
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
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.