selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Re: Traffic vermindern

Autor: Manya
Datum: 20.04.2013 18:04:59

Hallo Tobias,

> Zudem bringt es nichts, die media queries so wie
> Du einzusetzen: Bei einer bestimmten
> Viewport-Size 'display:block' und bei einer
> anderen 'display:none:' zu setzen.
> Der Browser lädt nämlich trotzdem _alle_ Größen,

Ich weiß.
Um zu vermeiden, dass mich jemand drauf hinweist, und ich dann dumm dastehe, habe ich diesen Umstand gleich in meinem 1. Posting deutlich gemacht: ;-)
"Der Quellcode ist natürlich traffic-mäßig totaler Unsinn,
ich wollte nur zeigen, wie es im Browser aussehen soll. ;-)

> > An Hintergrundbilder habe ich auch schon
> gedacht,
> > aber dann hätte ich kein gleichmäßiges
> Skalieren
> > der Biulder, sondern "Stufen", wenn ich mit
> Media
> > Queries die Hintergrundbilder auswechsele.
>
> Du kannst ja beides miteinander verbinden, da
> zumindest die CSS_3_-Syntax auch das Skalieren
> von Hintergrundbildern erlaubt.

Das habe ich probiert.
Es ist mir aber nicht gelungen, das Hintergrundbild so zu skalieren, dass die Proportionen erhalten blieben. Aus dem Grund hatte ich schon begonnen, Freddys Vorschlag mit Javascript aufzugreifen. Eine CSS-Lösung ist mir aber nach wie vor lieber.

> Wie kann ich den Browser also dazu bringen, die
> Box sowohl in der Breite, als auch in der Höhe
> korrekt anzupassen?

Genau DAS war es, was mir immer wieder Schwierigkeiten bereitet hatte.

> Tja, da ist mir leider nur etwas wirklich
> schmutziges eingefallen:
>
> Schritt 3:
>
> http://www.tobiasjung.net/storage/manya-picscale-3.html
> Hier habe ich nun ein transparentes GIF
> eingefügt, welches in der Größe der größten
> Grafik aus Deinem Beispiel entspricht: Somit hat
> die Bildbox einen Inhalt und wird auch in der
> Höhe angepasst. Das ist natürlich, wie schon
> gesagt, nun wirklich nicht sauber.

Egal, egal, egal !!! :-)))
Da wäre ich nie drauf gekommen!

> Zudem funktioniert das »so richtig« auch nur
> dann, wenn das mittlere und das kleine Bild
> wenigstens die gleichen Seitenverhältnisse haben
> wie das große -- und das ist in Deinem Beispiel
> schon mal nicht der Fall.

Das ist kein Problem.
Da die Bilder ja gleich sind, und nur unterschiedlich groß, werden sie natürlich auch die gleichen Seitenverhältnisse haben.

Vielen vielen  Dank für die Mühe, die Du Dir gemacht hast! :-)

> Vielleicht fällt irgendjemanden ja etwas ein, wie
> man dieses Weg noch verbessern könnte...

Gruß
Manya


Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Webhosting Provider bewerten und Apple iPad gewinnenWie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...