(Tipps und Tricks) Skalierbare Boxen mit abgerundeten Ecken

[Orlando]

Werte Gemeinde,

es gibt einen neuen Tipps&Tricks-Beitrag:

http://aktuell.de.selfhtml.org/news.htm
 http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/

Grüße,
 Roland

[Dieter Raber]

Wow,

sehr schoene Arbeit!

Dieter

[Ingo Turski]

Hi,

allerdings würde ich schon noch eine Schriftfarbe definieren...

freundliche Grüße
Ingo

[Heiner]

Hallo,

Ist das wirklich so innovativ? Die Verschachtelung würde ich eher als Norlösung empfinden.

Heiner

[Heiner]

... Notlösung

[Orlando]

Hi Heiner,

Ist das wirklich so innovativ? Die Verschachtelung würde ich eher als Norlösung empfinden.

nein und nur das funktioniert browserübergreifend.

Grüße,
 Roland

[Slyh]

Hallo,

das Beispiel sieht in aktuellen Browser ja sehr nett aus. Nur leider
ist beim Netscape Navigator 4 überhaupt nichts mehr zu erkennen. Die
Eck-Grafiken befinden sich alle in der linken oberen Ecke. Der Hinter-
grund ist schwarz, was sich in Kombination mit dem schwarzem Text eher
schlecht macht -> man sieht nichts.

Ich bin zwar der Meinung, daß man für den Netscape 4 auf keinen Fall
"optimieren" sollte; Die Seiten dürfen ruhig häßlich aussehen. Aber daß
die Seite gleich ganz unbenutzbar wird, halte ich für falsch.

Etwas seltsam finde ich auch die exzessive <div>-Schachtelung. Geht das
nicht auch mit weniger als 5 geschachtelten <div>? Oder zumindest so
geschachtelt, daß noch eine gewisse Struktur erkennbar ist? (<- Keine
rhetorische Fragestellung.)

Gruß
Slyh

[wahsaga]

hi,

Nur leider
ist beim Netscape Navigator 4 überhaupt nichts mehr zu erkennen. Die
Eck-Grafiken befinden sich alle in der linken oberen Ecke. Der Hinter-
grund ist schwarz, was sich in Kombination mit dem schwarzem Text eher
schlecht macht -> man sieht nichts.

Ich bin zwar der Meinung, daß man für den Netscape 4 auf keinen Fall
"optimieren" sollte; Die Seiten dürfen ruhig häßlich aussehen. Aber daß
die Seite gleich ganz unbenutzbar wird, halte ich für falsch.

wenn man das style sheet per import ganz vor dem NS4 verbirgt, sollte die seite m.E. durchaus wieder nutzbar sein.

gruss,
wahsaga

[Orlando]

Hi Slyh,

Ich bin zwar der Meinung, daß man für den Netscape 4 auf keinen Fall
"optimieren" sollte; Die Seiten dürfen ruhig häßlich aussehen. Aber daß
die Seite gleich ganz unbenutzbar wird, halte ich für falsch.

das Wissen um die Möglichkeiten, Netscape 4 von problematischen Stylesheets auszuschließen wird vorausgesetzt. Ich halte das nicht unbedingt für ein Problem, sondern für den aktuellen Stand der Dinge, was Probleme mit Browsern anbelangt.

Etwas seltsam finde ich auch die exzessive <div>-Schachtelung. Geht das
nicht auch mit weniger als 5 geschachtelten <div>? Oder zumindest so
geschachtelt, daß noch eine gewisse Struktur erkennbar ist? (<- Keine
rhetorische Fragestellung.)

Ich darf aus einem anderen Teil hiesigen Universums zitieren:

| [...] soviel Scharfsinn, die divs durch passenderes zu ersetzen,
| sollte man einem TuT-Leser schon zugestehen.

;-)

Letztlich ist es egal, welche Elemente man verwendet, sie dienen in diesem Fall lediglich der grafischen Gestaltung.

Grüße,
 Roland

[Tom]

Hello,

es gibt einen neuen Tipps&Tricks-Beitrag:

http://aktuell.de.selfhtml.org/news.htm
 http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/

Mich würde interessieren, welches Grafikprogramm verwendet wurde. Ich muss mir zu solchen Zwecken (zerschneiden) nämlich endlich eins anschaffen, dass möglichst aber nicht so ein Megabyte-Klotz ist.

Liebe Grüße aus http://www.braunschweig.de

Tom

[Fabian Transchel]

Hallo,

Mich würde interessieren, welches Grafikprogramm verwendet wurde. Ich muss mir zu solchen Zwecken (zerschneiden) nämlich endlich eins anschaffen, dass möglichst aber nicht so ein Megabyte-Klotz ist.

http://www.gimp.org/

Grüße aus Barsinghausen,
Fabian

[daniel84]

Bei mir (IE 6, Win XP, Auflösung 1400x1050) wird der Balken links während ca. 150 Pixeln unterbrochen, d.h. es ist dort weder Rahmen noch Hintergrundfarbe sichtbar, sondern nur weiss. Sieht nicht so toll aus.

Gruss,
Daniel

[Siechfred]

Hallo daniel84,

Bei mir (IE 6, Win XP, Auflösung 1400x1050) wird der Balken links während ca. 150 Pixeln unterbrochen, d.h. es ist dort weder Rahmen noch Hintergrundfarbe sichtbar, sondern nur weiss. Sieht nicht so toll aus.

Lies http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/#beispiel2 und mache halt die Ausgangsgrafik größer :-)

Grüße
Siechfred

PS: Super Artikel.

[Orlando]

Hi Daniel,

Bei mir (IE 6, Win XP, Auflösung 1400x1050) wird der Balken links während ca. 150 Pixeln unterbrochen, d.h. es ist dort weder Rahmen noch Hintergrundfarbe sichtbar, sondern nur weiss. Sieht nicht so toll aus.

das kann ich bei mir daheim nicht nachvollziehen. Bei mir haben M$IE 5.01, 5.5 und 6 keine Probleme mit Beispiel 1, mit Beispiel 2 nur 5.01, in dem padding/margin vertikal nicht wirken.

Ich kann mich aber erinnern, dass es auf einem anderen System mit M$IE 6 gelegentlich zu diesem Fehler kam, speziell, nachdem die Fenstergröße verändert wurde.

Grüße,
 Roland