Firefox zeigt meine flex box falsch an

L

lordg2009

Lt. Commander

Registriert

Apr. 2009

Beiträge

1.503

• 19. März 2014

• #1

Hi

Ich möchte eine Flexbox in einer Navigationsleiste nutzen, welche an den boden des Fensters gefixt ist

HTML:

div {
position: fixed;
bottom: 0;
display: -moz-box;
-moz-box-orient: horizontal;
}

In der Leiste sind 5 Links

HTML:

a {
display: block;
-moz-box-flex: 1;
}

Mein Handy und chrome stellt die Links nebeneinander dar. Firefox aber übereinander.

Was mache ich da falsch?

 

NullPointer

Lt. Commander

Registriert

Okt. 2009

Beiträge

1.570

• 19. März 2014

• #2

Auf jeden Fall benutzt du veraltete CSS-Eigenschaften. Siehe die aktuelle Flexbox-Doku hier: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

 

L

lordg2009

Lt. Commander

Ersteller dieses Themas

Registriert

Apr. 2009

Beiträge

1.503

• 19. März 2014

• #3

Danke für den Link. Hab ein wenig rumprobiert, es aber noch nicht hinbekommen.

 

T0a5tbr0t

Lieutenant

Registriert

Apr. 2012

Beiträge

581

• 19. März 2014

• #4

Kann im Chrome auch nicht gehen, denn der kennt keine -moz- Präfixe.
Für Chrome brauchst du -webkit- bzw. gar keine.
http://caniuse.com/flexbox

 

L

lordg2009

Lt. Commander

Ersteller dieses Themas

Registriert

Apr. 2009

Beiträge

1.503

• 20. März 2014

• #5

Hab die richtigen Präfixe schon benutzt, in Chrome ging es ja. Firefox war das Problem. Habe jetzt zuerst, die neue Methode (display: flex) und dann die alte (display: box) hintereinander definiert. Jetzt zeigen es alle Geräte richtig an. Danke für den Tip mit den 3 verschiedenen Versionen.