[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
<img> + responsive width/height + Seitenaufbau = :( - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Benutzeravatar
alexplus
Beiträge: 212
Registriert: 13. Feb 2007, 15:03
Wohnort: Heilbronn
Kontaktdaten: Website

<img> + responsive width/height + Seitenaufbau = :(

8. Jul 2014, 14:34

Weil das Grundproblem nur eingeschränkt mit Redaxo zu tun hat, versuche ich es mal hier zu beschreiben:

Auf http://tanzschule-woelbing.de/ hat es ja je mind 1 Bild in der Kopfzeile.

Dieses Bild erhält im Prinzip folgende Eigenschaften, um mit sinkender Auflösung mit zu skalieren.

Code: Alles auswählen

.hero img {
   width:100%
   height: auto;
}
Bei Highspeed-Internet alles kein Problem, das Bild ist quasi sofort da. Aber bei einer langsamen Internet-Verbindung verschwindet das nicht geladene Bild erst mal und wenn das Bild geladen ist "springt" der Seiteninhalt nach unten, um Platz für das Bild zu machen.

Früher hätte man einfach feste Höhen/Breiten angegeben - aber als Responsive Image wäre eine feste Höhe eben tödlich.

Kennt ihr einen guten Weg, wie man es schafft, dass die Höhe von Anfang korrekt berechnet wird, auch wenn das Bild noch nicht da ist und ohne die Responsive-Eigenschaft zu verlieren?

Benutzeravatar
runstop64
Beiträge: 369
Registriert: 23. Okt 2012, 21:34
Wohnort: Hamburg
Kontaktdaten: Website Facebook Twitter

Re: <img> + responsive width/height + Seitenaufbau = :(

8. Jul 2014, 16:11

hi,

wenn deine bilder ein festes Seitenverhältnis haben, hilft dir vielleicht der Padding-Bottom-Trick weiter: http://maddesigns.de/responsive-images- ... -2151.html (in der unteren Hälfte des Artikels).
Viele Grüße,
Daniel


studio-ahoi.de | Referenzen | Friends Of REDAXO

Zurück zu „Sonstiges“