gefunden auf: apfelblog.ch

Zwar ist meine Bestellung bei Ranger-Shop.de schon einige Monate her, jedoch möchte ich trotzdem über meine Erfahrung bloggen, da es seit dem auf meiner “Zu erledigen” Liste steht.

Zum Zeitpunkt der Bestellung habe ich fürs W:O:A geplant und wollte noch einige Dinge kaufen, die ich im Vorjahr vermisst habe. Dazu zählte ein neuer Schlafsack, passende Schuhe und Bundeswehr Kochgeschirr. Ich habe für mehrere Personen bestellt und somit einige Artikel in mehrfacher Ausführung. Die Bestellung belief sich letztendlich auf über 300 Euro. Bei Amazon bekommt der Kunde ab einem Bestellwert von 20 Euro die Lieferung kostenfrei nach Hause geschickt, in diesem Fall aber muss man den vollen Preis bezahlen. Das Kommentarfeld der Bestellung habe ich also genutzt um nach einer kostenfreien Lieferung für die teure Bestellung zu fragen. Anstatt 6,95€ durfte ich 4,00€ zahlen, habe also immerhin 2,95 Euro gespart

Am Tag der Bestellung habe ich das Geld überwiesen, das Paket kam aber unerwartet spät an, trotzdem noch im Rahmen.
Naiv wie ich zu dem Zeitpunkt leider war, habe ich mir vor der Bestellung keine Bewertungen durchgelesen, sondern erst in der Zeit zwischen Bestellung und Lieferung. Dabei kam leider nichts Gutes bei raus.

Nun gut, ein Riesenpaket ist angekommen und auf den ersten Blick sah es auch vielversprechend aus. Beim Auspacken habe ich aber gemerkt dass:

• Ein falsches paar Schuhe geliefert wurde
• Ein Schlafsack fehlte
• Ein Artikel fehlte und stattdessen ein Gutschein im Wert des Artikel beigelegt wurde

Sehr interessant dabei ist, dass auf dem Lieferschein deutlich steht:

Gepackt und überprüft von Herr X

Ich habe gleich bei der Hotline angerufen und die fehlenden Artikel genannt. Mir wurde gesagt, dass überprüft wird, was mit den fehlenden Artikeln passiert ist. Für die falsch gelieferten Schuhe habe ich einen Brief mit einem Rücksendeschein bekommen. Laut den Erklärungen der Frau bei der Hotline, sollte ich nur die Schuhe mit dem Rücksendeschein zurückschicken und der Rest wird von den Mitarbeitern erledigt!

Nach einigen weiteren Tagen warten auf die Schuhe habe ich wieder bei der Hotline angerufen und diesmal wurde mir gesagt, ich hätte zusätzlich zum Rücksendeschein das richtige Paar Schuhe bestellen sollen. Ich habe meine Sicht der Dinge geschildert, da mir eine andere Vorgehensweise genannt wurde, und habe anschließend nochmals die Schuhe bestellt.
Vorteil: Ich konnte den Gutschein vom fehlenden Artikel einlösen.
Nachteil: Ich musste 6,95€ Versand bezahlen.
Die Hotline-Frau war auch nicht besonders freundlich und verweigerte jegliche Erklärung, warum ich den Versand nicht bezahlen möchte, weil der Fehler nicht auf meiner Seite lag.
Es half alles nichts und da ich die Schuhe recht schnell brauchte, da in ein paar Tagen das W:O:A begann, nahm ich die Kosten in Kauf.
Zusätzlich fragte ich nach dem aktuellen Stand der fehlenden Artikel, weil ich sie wegen Urlaubs dringend brauche. Als Antwort bekam ich wieder nur, dass es momentan noch überprüft wird und ich demnächst Bescheid bekomme.

Mehr als ein Monat nach Bestellung kamen dann die fehlenden Artikel an. In diesem Fall natürlich komplett kostenlos, alles andere hätte mich aber auch gewundert.

Ein weiteren Tag später kamen die nachbestellten Schuhe an und ich war froh dass ich mit dem Ranger-Shop abschließen konnte und habe mir vorgenommen dort nie wieder zu bestellen.

Fazit

Der Ranger-Shop wirkt vertrauenswürdig, mit einer wirklich sehr großen Auswahl an Artikeln. Die Preise sind nicht die Günstigsten, aber es gibt auch gebrauchte Artikel von der Bundeswehr, die häufig sehr preiswert sind.

Die Bestellung über den Onlineshop verlief problemlos. Ab dann begannen die Probleme, durch die ich den Shop nicht weiterempfehlen kann. Die Mitarbeitern der Hotline waren unfreundlich und ständig hektisch.

Nachdem die Diskussion um sogenannte “Killerspiele” durch einen weiteren Amok-Lauf angefacht wurde, hat der fiese Admin einen Beitrag aus seiner Sicht veröffentlicht, der wiederum mich dazu gebracht hat meinen Senf dazu zu geben.

Mich ärgert es tierisch, dass sich Politiker und die Medien scheinbar derart wenig mit den wahren Gründen der Täter auseinandersetzen, dass sie zu solch absurden Theorien kommen, die bösen Computerspiele seien schuld.
Sehr schade dass vor allem die Politiker wohl eher darauf bedacht sind, möglichst schnell einen Schuldigen zu finden, der relativ einfach zu beseitigen ist. Aber wenn ein Problem zu lösen wäre, das mehrere Jahre Arbeit in Anspruch nimmt, wäre natürlich die nächste Wahlperiode in Gefahr.
Die einfache Variante zeigt leider auch schon Wirkung und Galeria Kaufhof hat alle USK 18 Titel aus ihrem Sortiment genommen.

Es gibt zig tausende “Killerspiel-Spieler”, die ein ganz normales Leben führen ohne auch nur einen Gedanken an einen Amok-Lauf zu verschwenden. Warum denn auch? Ich habe vom 16. bis zum 20. Lebensjahre Counterstrike gespielt und bin nicht Amok gelaufen wie auch bestimmt 99,9% der restlichen Spieler.

Ich kann mir nicht vorstellen, dass diejenigen, die die Schuld auf Killerspiele schieben, wirklich davon überzeugt sind, damit den Übeltäter gefunden zu haben.
Aber es würde ja auch zuviel Aufwand bedeuten, das Leben des Amok-Läufers genauer zu beleuchten, somit vielleicht den wahren Grund der Tat zu erfahren und der Öffentlichkeit klarzumachen, dass das Problem nicht mal eben aus den Regalen genommen werden kann. Es müssten stattdessen viel tiefergehende Probleme im familiären Umfeld vieler deutscher Familien gelöst werden.

Wenn man den Aussagen der Medien bezüglich der privaten Situation der Amok-Läufer glauben kann, dann liegen die Gründe auf der Hand.
Man nehme einen introvertierten Jugendlichen ohne, bzw. mit sehr wenigen Freunden und vielleicht fehlendem Rückhalt in der Familie. Dazu kommt jahrelanges Mobbing in der Schule und Erfolgserlebnisse im privaten und schulischen Bereich haben auch auf sich warten lassen.
Als Ergebnis erhält man einen Menschen, der eher zu solch einer Tat neigt, als die restliche Bevölkerung.
Wenn diese Person nun noch eine Situation gerät, die das Fass zum Überlaufen bringt und problemloser Zugriff auf Waffen besteht, wundert es mich nicht, wenn so reagiert wird.
Natürlich gilt das für die wenigsten Personen, die in solch einer Situation stecken, aber es gibt sie halt.

Abschließend noch ein schönes Zitat vom fiesen Admin:

Wenn das letzte Killerspiel verboten ist, sämtliche Horror und Action Filme vernichtet und die letzte Heavy Metal CD eingeschmolzen wurde, dann werdet ihr merken, dass Fernsehen kein Ersatz für Erziehung ist, der Computer keine Elternliebe versprüht und die Playstation keine soziale Kompetenz vermittelt. Und ändern wird sich nichts!

Meinungen?

Der Domain-Anbieter United Domains verschenkt momentan Domain-Weltkarten.
Unter www.domain-karte.de gibt es die Karte, die momentan an Blogger verschenkt wird, für 29€ zu kaufen. Auf der 120*60cm großen Weltkarte ist die passende Domain zu jedem Land eingetragen.

Am Mittwoch, 11.03.09, bin ich für fünf Tage, also bis zum 16.03.09, in New York.
Es ist mein erster Besuch in den USA und ich denke, dass ich, als Hobby-Knipser, ein paar schöne Fotos schiessen kann.

Da man ja über New York, bzw. allgemein über Großstädte, einiges hört, hoffe ich dass ich auch wieder mit meiner Kamera und meinem Objektiv zurückkomme

In den “kurzen” fünf Tagen werde ich nur ein Bruchteil von NY kennenlernen und hoffe dass ich einige lohnenswerte Sehenswürdigkeiten abklappern kann.

Unter anderem steht auf meiner Liste:

• Freiheitsstatue
• (Joggen im) Central Park
• Brooklyn Bridge
• Chinatown
• Times Square
• Empire State Building und/oder Rockefeller Center
• Wall Street
• Ground Zero
• Fifth Avenue
• Apple Store

Also denn, bis die Tage.

Heute bin ich von der Cebit gekommen und wurde von einem großen Amazon-Paket begrüßt.

Wie vermutet ist der Gewinn von ausgefallene-ideen.com angekommen.

Hier ein paar Fotos vom Benq G2110W 22 Zoll Monitor.

Da in Wolfsburg schon seit einigen Monaten WLAN-Router installiert werden, hier ein paar nähere Informationen dazu.
Die Volkswagen AG und die Wolfsburg AG lassen momentan ein Wolfsburg-weites WLAN-Netz aufbauen, dass später kostenlos genutzt werden kann (Achtung: Der wahrscheinlich noch folgende Internetzugang wird nicht kostenlos sein! Stichwort: Prepaidbezahlung).
Dazu gibt es eine passende iPhone-Applikation, mit der Sehenswürdigkeiten, Laden-Öffnungszeiten, Adressen, ein Veranstaltungskalender und Einkaufspläne eingesehen werden können.

Fotos und weitere Infos.

Einleitung

Seit einiger Zeit benötige ich zum Umsetzen eines Designs in HTML eine Variante um möglichst flexible abgerundete Div-Container (nachfolgend: Container) zu erstellen.
Dabei bin ich auf viele verschiedene Möglichkeiten gestoßen und möchte die meiner Meinung nach (momentan) Beste vorstellen und beschreiben wie ich sie anwende.

Gleich zu Beginn schonmal die Vor- und Nachteile:

Vorteile

• Nur eine Grafik
• Sehr flexibel in Breite und Höhe (die Breite ist von der Größe der Grafik abhängig, dazu aber später mehr)
• Verhältnismäßig wenig HTML- und CSS-Code
• Kein Javascript

Nachteile

• Vorder- und Hintergrund muss einfarbig sein

Beschreibung

Grafik

Ich verwende eine Grafik mit den Maßen 2000px*16px. Dadurch habe ich die Möglichkeit, abgerundete Container mit einer Breite von 1000px zu erstellen. Warum “nur” 1000px, dazu jetzt mehr.

Hier die Grafik (Achtung: Nach rechts scrollen).

Die Grafik teilen wir uns gedanklich in zwei Bereich der Größe 1000px*16px.
Der linke Bereich stellt den größten Teil des Wunsch-Containers dar. Es fehlen nur die abgerundeten Ecken auf der rechten Seite.

Der rechte Bereich beinhaltet lediglich die abgerundeten Ecken am rechten Rand. Die restliche Fläche ist transparent.

Soviel vorerst zur Grafik.

Theorie

Bevor ich den HTML- und CSS-Code erkläre, vorerst die Theorie, was letztendlich passieren soll:

Wir erstellen einen Container mit einer Breite von 500px und variabler Höhe der als Grundlage für unseren späteren abgerundeten Container dient.
In diesem Container wird der benötigte HTML-Code für die abgerundeten Ecken eingebaut, der aus fünf Containern besteht.

Insgesamt haben wir also sechs Container, von denen der Erste den Zweiten, der Zweite den Dritten usw. einschließt.

Dadurch werden sechs Container der gleichen Größe aus HTML-Sicht “übereinander” gelegt.
Der unterste Container definiert die Größe des Wunsch-Containers.
Der zweite Container beinhaltet die obere linke, der Dritte die obere rechte, der Vierte die untere linke und der Fünfte die untere rechte abgerundete Ecke.
Im sechsen Container wird der Inhalt eingetragen.

HTML

Auf HTML-Seite ist es relativ einfach, jedoch ist die Reihenfolge wichtig:

<div class="container">
	<div class="rounded-box tl">
		<div class="rounded-box tr">
			<div class="rounded-box bl">
				<div class="rounded-box br">
				  <div class="rounded-box content">
				     Inhalt
				  </div>
				</div>
			</div>
		</div>
	</div>
</div>

CSS

Nun zum interessanten Teil:

div.container {
    margin: 0;
    padding: 0;
}
div.container div.rounded-box {
    background-image:url(rounded-box.gif) top left no-repeat;
}

Um später nicht für alle vier Container (top left, top right, bottom left, bottom right) jeweils das Bild per background-image definieren zu müssen, definiere ich es einmalig in der CSS-Klasse “rounded-box”.

Ecke oben links (tl)

div.container div.rounded-box.tl {
    background-position: left top;
}

Schritt #1 anzeigen

Das Hintergrundbild wird im Container am oberen linken Rand positioniert um die abgerundete Ecke anzeigen zu lassen.

Ecken oben rechts (tr)

Im nächsten Schritt wird die obere rechte Ecke hinzugefügt:

div.container div.rounded-box.tr {
    background-position: right top;
}

Schritt #2 anzeigen

Dieser Container liegt direkt über dem tl-container. Die Positionierung des Hintergrundbilds ist diesmal so angelegt, dass die rechte obere Ecke angezeigt wird.
Hier kommt der transparente Bereich der Grafik zum Tragen. Wäre der Teil nicht transparent, würde die obere linke Ecke verdeckt werden.

Wie zu sehen ist, haben wird prinzipiell nur die Grafik an die Breite des ersten Containers angepasst. Es werden schon alle vier abgerundeten Ecken angezeigt.
Das Problem ist, dass sich die Grafik nicht an die Höhe des Inhalts anpasst.

Ecke unten links (bl)

Um nun die untere linke Ecke auch unterhalb des Textes zu positionieren, wird folgende CSS-Klasse genutzt:

div.container div.rounded-box.bl {
    background-position: left bottom;
}

Schritt #3 anzeigen

Nun wird die Grafik ein zweites Mal angezeigt, dieses Mal jedoch an der unteren Kante und es fehlt die untere rechte abgerundete Ecke.

Ecke unten rechts (br)

div.container div.rounded-box.br {
    background-position: right bottom;
}

Schritt #4 anzeigen

Wenn wir diese CSS-Klasse eingebaut haben, wird uns also die Grafik zwei Mal angezeigt:
Zum einen am oberen Rand und zum andere am unteren Rand des ersten Containers.

Das wichtige hierbei ist, dass wir an allen vier Ecken die abgerundete Grafik abgezeigt bekommen. Zwar entspricht das aktuelle Ergebnis noch nicht unserem Wunschergebnis, jedoch ist man dem Ziel schon deutlich näher.

Inhaltshintergrund

Im nächsten Schritt wird der fehlende Teil zwischen der oberen und unteren Kante mit der gewünschten Hintergrundfarbe befüllt:

div.container div.rounded-box.content {
    background: #17a5c9;
}

Schritt #5 anzeigen

Wenn wir uns das Ergebnis nun aber anschauen, fehlen jegliche abgerundeten Ecken.
Der Grund dafür liegt in den Größen der Boxen. Es liegen sechs gleichgroße Div-Boxen übereinander. Wenn man sich das anhand gleich großer Folien auf einem Overheadprojektor vorstellt, versteht man auch das Ergebnis:

• Folie 1: Leer
• Folie 2: Oberer Bereich blau gefärbt inklusive einer abgerundeten Ecke mit weißem Hintergrund
• Folie 3: Der obere rechte Teil mit der abgerundeten Ecke
• Folie 4: Untere linke Ecke und bis zum rechten Rand blau
• Folie 5: Unterer rechter Bereich gefärbt (siehe Folie 3)
• Folie 6: Komplett blau gefärbt.

Um nun die abgerundeten Ecken wieder sichtbar zu machen, “schneiden” wir von Folie 6 oben und unten einen Teil ab. Die Höhe der abgeschnittenen Teile entspricht der Höhe einer abgerundeten Ecke. In diesem Fall also 5px.

Bezogen auf HTML bzw. CSS können wir nicht einfach einen Teil eines Containers abschneiden. Stattdessen bringen wir andere Boxen dazu, dass darauffolgende Container erst 5px unter ihnen anfangen dürfen.
Dazu nutzen wir die Eigenschaft padding.

Daraus ergibt sich letztendlich folgender CSS-Code:

div.container {
    margin: 0;
    padding: 0;
}
div.container div.rounded-box {
    background:url(rounded-box.gif) top left no-repeat;
}
div.container div.rounded-box.tl {
    background-position: left top;
}
div.container div.rounded-box.tr {
    background-position: right top;
    padding-top: 5px;
}
div.container div.rounded-box.bl {
    background-position: left bottom;
}
div.container div.rounded-box.br {
    padding-bottom: 5px;
    background-position: right bottom;
}
div.container div.rounded-box.content {
    background: #17a5c9;
    padding: 0 5px;
}

Schritt #6 anzeigen

Nun werden auch wieder die abgerundeten Ecken angezeigt.
Damit der Text in der Box nicht am Rand “klebt”, habe ich noch einen rechten und linken Abstand definiert und das Ergebnis entspricht nun der Wunschvorstellung.

Diese Variante habe ich im IE6, IE7, Firefox, Opera und Safari getestet und sie funktioniert einwandfrei.

Demnächst werde ich einen auf diesem Artikel basierenden Beitrag schreiben, wie man mit dieser Methode Boxen mit einem Rahmen erstellt.

Als ich vor ein paar Minuten meine abonnierten RSS-Feeds gelesen habe, fand ich mit Erstaunen meinen Namen unter dem Titel “Gewinner des Mega-Mystery-Preises“.
Vor ein paar Tagen hat das Team von ausgefallene-ideen.com einen Preis mit der Beschreibung “Es hat 22 Zoll und in seiner Produktbezeichnung kommt das Wort «TFT» vor” verlost und ich habe am Gewinnspiel teilgenommen.

Heute wurde der Gewinner ermittelt und das Glück war auf meiner Seite!

Dank ausgefallene-ideen bin ich nun um einen Benq G2110W 22 Zoll TFT Monitor reicher
Jetz hoffe ich, dass ich bald die Bestätigungs-E-Mail bekomme und den Monitor in ein paar Tagen testen kann.