mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 09:04 Benutzername: Passwort: Auto-Login

Thema: Probleme mit flexiblen Bilder per CSS im Firefox vom 25.07.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Probleme mit flexiblen Bilder per CSS im Firefox
Autor Nachricht
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Do 25.07.2013 07:22
Titel

Probleme mit flexiblen Bilder per CSS im Firefox

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich habe eine flexibles Layout und will hier bilder so ein binden, das diese immer optimal in der Größe (100%) dargestellt werden.

Hier zu habe ich folgenden Code im Netz gefunden. Der code läuft auch recht gut in allen Brwosern außer dem firefox.

Code:
height:auto;
    max-width:100%;
   width: auto\9; /* ie8 */


Kann mir einer von euch sagen warum es im Firefox nicht läuft und das Bild nicht skaliert wird?

vielen Dank

Gruß

Bongartz120
  View user's profile Private Nachricht senden
zeji

Dabei seit: 05.10.2010
Ort: -
Alter: 18
Geschlecht: Männlich
Verfasst Do 25.07.2013 11:23
Titel

Antworten mit Zitat Zum Seitenanfang

Evtl. fehlt die tatsächliche Width-Angabe.

"width:100%"


Zuletzt bearbeitet von zeji am Do 25.07.2013 11:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Do 25.07.2013 16:00
Titel

Antworten mit Zitat Zum Seitenanfang

Beim firefox hat es geholfen.

Danke

Habe jetzt nur noch das Problem das der IE 8 jetzt noch das Problem hat, das alles auf 100% der Datei größe angezeigt wird.
  View user's profile Private Nachricht senden
zeji

Dabei seit: 05.10.2010
Ort: -
Alter: 18
Geschlecht: Männlich
Verfasst Do 25.07.2013 16:36
Titel

Antworten mit Zitat Zum Seitenanfang

bongartz hat geschrieben:
Beim firefox hat es geholfen.

Danke

Habe jetzt nur noch das Problem das der IE 8 jetzt noch das Problem hat, das alles auf 100% der Datei größe angezeigt wird.


Dem Html-Element mit Conditional-Tags IE-Klassen zuweisen, dann kannst du über .ie8 .elem { } styles für den IE setzen.

http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
  View user's profile Private Nachricht senden
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Do 25.07.2013 20:36
Titel

Antworten mit Zitat Zum Seitenanfang

Dake aber dazu muss ich erst mal wissen, warum mein Bugfix oben für den IE8 nicht geht und wie hier die richtige Lösung ist.
  View user's profile Private Nachricht senden
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Fr 26.07.2013 08:31
Titel

Antworten mit Zitat Zum Seitenanfang

Anbei der Link zu meinem Problem.

Link zum Problem
  View user's profile Private Nachricht senden
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Fr 26.07.2013 09:16
Titel

Antworten mit Zitat Zum Seitenanfang

So hab es jetzt folgend gelöst:

Code:
div.mod_newsreader.block div.ce_text figure.image_container img {
    height:auto;
    width: 100%;
    max-width:100%;
   width: auto\9;
}

:root div.mod_newsreader.block div.ce_text figure.image_container img {width: 100%; ; \}
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS advanced?] flexiblen werbebanner positionieren
[overlay] wie slimbox, aber mit flexiblen templates?
[Probleme] Firefox 1.5
Probleme mit CSS in Firefox auf der Startseite
Probleme mit anzeige von Gif in Firefox
Probleme mit dem Trackingcode von Google im Firefox
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.