You are not logged in.

[WBB 3.1.x] Darstellungsprobleme bei FF13

Belshirash

Member

  • "Belshirash" started this thread

Posts: 33

  • Send private message

1

Wednesday, June 13th 2012, 4:19pm

Darstellungsprobleme bei FF13

Hallo.

Wir haben bei uns im Forum über CSS alles so eingestellt, dass überall die Ecken abgerundet werden.
Das betrifft ja dann Rahmen, Tabs, Spoiler, Wise, Tabellen etc.

Das hat auch bisher immer funktioniert.
Allerdings kann FF13 auf einmal diese Deklarationen nicht mehr darstellen.
Hat sich an den Deklarationen "-moz-boarder..." irgendwas geändert?
Denn wie ich grade feststellen muss, werden hier im Woltlab Forum die Ecken auch mit FF13 abgerundet dargestellt.

Wir nutzen insgesamt 6 selbsterstellte Styles.

Falls es hilft, hier mal die "Zusätzliche CSS-Deklaration 2" aus einem unserer Themes:
(Sorry für den langen Quelltext, aber ihr habt ja keine Spoiler.)

Cascading style sheet

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

/* Rundungen & Schatten */
* {-o-text-overflow: ellipsis;}

/* rounded completely 5px */
.message, .messageInner, .quoteBox, fieldset, .info, .success, .warning, .error, .help, #userCard, .userCardInner, .second .border, .second .border .content, .avatarSelect li.container-4, .avatarSelect li label, .floatedElement, .popupMenu, .loginPopup, .loginPopup .container-1 {-webkit-border-radius: 5px; -moz-border-radius: 5px;}

/* message left 5px */
.messageLeft .messageContent, .messageLeft .messageContentInner {-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}

/* message right 5px */
.messageRight .messageContent, .messageRight .messageContentInner {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;}

/* message framed left & right 5px */
.messageFramedLeft .messageContent, .messageFramedLeft .messageContentInner, .messageFramedRight .messageContent, .messageFramedRight .messageContentInner {-webkit-border-radius: 5px; -moz-border-radius: 5px;}

/* message top 5px */
.messageTop .messageContent, .messageTop .messageContentInner {-webkit-border-radius: 0; -moz-border-radius: 0;}

/* message framed top 5px */
.messageFramedTop .messageContent, .messageFramedTop .messageContentInner {-webkit-border-radius: 5px; -moz-border-radius: 5px;}

/* rounded completely 3px */
textarea, select, input[type="text"], input[type="password"], .memberList li, .smallButtons > ul > li, .smallButtons > ul > li > a, .extraButton, .extraButton a, .optionButtons > ul > li, .optionButtons > ul > li > a, .subTabMenu .containerHead li a, .pmUsageBar, .statBar, .userAvatarFramed, .userAvatarFramed a, .userAvatarFramed img {-webkit-border-radius: 3px; -moz-border-radius: 3px;}

/* rounded completely 1px */
.pmUsageBar > div, .statBar > div {-webkit-border-radius: 1px; -moz-border-radius: 1px;}

/* rounded top left & right 5px */
.popupMenu li:first-child a, #boardlist .border, .titleBarPanel, .titleBarPanel .containerHead, .messagePreview, .subTabMenu, .subTabMenu .containerHead, .containerHead, .messageTop .messageSidebar, .messageFramedTop .messageSidebar, .thumbnailButtons {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;}

/* rounded top left & right 3px */
.codeBox {-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;}

/* rounded top left 5px */
.tabMenu li:first-child, .tabMenu li:first-child a {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;}
/* rounded top right 5px */
.tabMenu li:last-child, .tabMenu li:last-child a {-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;}

/* rounded bottom left & right 5px */
.searchInputMenu .pageMenu, .popupMenu li:last-child a, .twoRows li:last-child {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}

/* rounded bottom left & right 3px */
#boardlist .border .boardlistInner, .twoRows li:last-child a, .datalist li:last-child {-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;}

/* remove bottom generally */
.popupMenu li a, #boardlist .border .boardlistInner:first-child {-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;}

/* remove generally important */
.mceToolbar .popupMenu, .mceToolbar .popupMenu li, .mceToolbar .popupMenu li a, .second fieldset .editor, .second fieldset .border, .attachmentPreview, .attachmentPreview li, .tableList td.containerHead {-webkit-border-top-left-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-bottomright: 0 !important;}

/* login popup special */
.loginPopup input#quickLoginUsername {-webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0;}
.loginPopup input#quickLoginPassword {-webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0;}
Wer es sich ganz einfach machen will, sagt einfach: "Das ist mir zu kompliziert."

Belshirash

Member

  • "Belshirash" started this thread

Posts: 33

  • Send private message

3

Wednesday, June 13th 2012, 4:57pm

Vielen Dank für die schnelle Antwort.

Allerdings hat das nur bedingt weitergeholfen.
Ein einfaches entfernen des Präfix -moz- hat gar nichts gebracht.

Der Wortlaut ist auch ein anderer.
War es vorher "-moz-border-radius-topright: 5px", dann bringt "border-radius-topright: 5px" keinen Effekt.

Setzt man aber statt dessen "border-top-right-radius: 5px" funktioniert es einwandfrei.
Wer es sich ganz einfach machen will, sagt einfach: "Das ist mir zu kompliziert."

Similar threads