-moz-border anpassen

Cybertronic · #1 (**permalink**) 14.12.2010, 00:20

Ich habe ein Problem mit einem Shopsystem und zwar seht hier auf dem Bild:

http://homebrew-genius.de/dsd.png

Die Page befindet sich offline betrieb (XAMP)

Wie ihr seht werden die Ecken (die mit -moz-border abgerundet sind) überlagert von den Bildern innerhalb der Divs...

Was kann man dagegen tun?

Unsk1ll3d · #2 (**permalink**) 14.12.2010, 00:25

Das innere Element ist höchstwahrscheinlich ein "display:block"-Element.
Dementsprechend hat es keine Rundung und füllt seinen zugewiesenen Raum aus. Hier den Wert für den border-radius hinzufügen, dann sollte es funktionieren.

Denke daran, dass das Attribut erst in CSS3 spezifiziert ist.
Hier ist eine Beschreibung der Unterschiede zwischen WebKit und Gecko-basierten Browsern: Border-radius: create rounded corners with CSS! - CSS3 . Info

Grüßel,
Christoph

Cybertronic · #3 (**permalink**) 14.12.2010, 01:10

Hmmm ne die CSS sieht so aus von dem Header:

Code:

.border_radius_6 {
-moz-border-bottom-colors:#777777;
-moz-border-left-colors:#777777;
-moz-border-radius:6px 6px 6px 6px;
-moz-border-right-colors:#777777;
-moz-border-top-colors:#777777;
border-top-style:solid;
overflow:hidden;
}

#head {
background:url("../img/head.jpg") no-repeat scroll 0 0 transparent;
height:187px;
width:990px;
}
styles...49b.css (Zeile 2)
.ac {
text-align:center;
}

Ist halt immer doof bei diesen fertigen shop systemen... Da blickt man nie so richtig durch welcher der css files und einträge nun wirklich dazu gehören

Muamicus · #4 (**permalink**) 14.12.2010, 08:03

-moz-border funktioniert im IE aber nicht.

Nimm anstelle dafür lieber ein img.

Manfred62 · #5 (**permalink**) 14.12.2010, 08:15

Der Code ist doch eh etwas sinnlos...?

Code:

.border_radius_6 {
border-color:#777;
border-radius:6px;
-moz-border-radius:6px;
border-top-style:solid;
overflow:hidden;
}

Reicht doch auch?

Manfred

Muamicus · #6 (**permalink**) 14.12.2010, 08:16

Nimm dafür ein img. Da bist du immer auf der richtigen Seite.

ArcVieh · #7 (**permalink**) 14.12.2010, 08:38

Zitat:

Zitat von nils_1309

Nimm dafür ein img. Da bist du immer auf der richtigen Seite.

Das ist egal. Ich würde nur die "richtige" CSS3 Eigenschaft noch dazu notieren für Opera und spätere Unterstützung.

Stell mal bitte ein Testcase online, das Verhalten verwundert mich gerade.

Muamicus · #8 (**permalink**) 14.12.2010, 09:19

moz-border funktioniert doch im IE<7 überhaupt nicht?

inta · #9 (**permalink**) 14.12.2010, 09:27

Zitat:

Zitat von nils_1309

moz-border funktioniert doch im IE<7 überhaupt nicht?

Solange das nicht explizit gefordert ist, ist es doch wurscht. Ob nun die Ecke rund oder eckig ist beeinflusst ja nicht die Bedienbarkeit.

Übrigens sollten die richtigen Angaben als letztes definiert werden, hinter den Vendorangaben (border-radius hinter -moz-border-radius & Co).

Muamicus · #10 (**permalink**) 14.12.2010, 09:38

Zitat:

Solange das nicht explizit gefordert ist, ist es doch wurscht. Ob nun die Ecke rund oder eckig ist beeinflusst ja nicht die Bedienbarkeit.

Finde schon das es äußerst wichtig ist dass die Seite überall gleich ausschaut.

80 % deiner User werden alle den IE verwenden. Dh haben die alle nix von deinen schönen moz-border Rundungen sondern nur unschöne Ecken.

Da Auge isst mit

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Dynamische Größen	Killhunter	CSS	0	14.05.2011 16:56
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Länge Border an Inhalt anpassen	markuskoehler	CSS	2	16.06.2009 21:11
Problem mit CSS in Joomla 1.5	noobilicius	CSS	6	25.09.2008 20:24
zefix IHateBill, <tr> Hintergrundfarbe	Scheppertreiber	CSS	17	30.05.2008 12:49