Zum Inhalt springen

Firefox und Text mit Bild - Darstellungsfehler

Erstellt am 28. Januar 2008 · 5 Antworten · letzte Antwort am 6. Februar 2008

Tags: HTML & CSS, Frage

informatix ·

Hi allerseits,

ich habe ein Darstellungsproblem, dass ich partout nicht in den Griff bekomme:

Bei folgender Seite
http://www.gartenbau-bethlehem.allesfuerdeinkind.de/index.php?id=39 bricht der Firefox nach dem ersten Text einfach um.

Es liegt wohl daran, dass der betroffene div container der das bild beinhaltet eine fixe Größe hat. Per CSS bleibt der so groß, denn auch wenn die Bildgröße geändert wird - also manuell angegeben wird - hat das keine Änderung auf das Gesamtergebnis...

Nur: Wie löse ich dieses Problem elegant? Schließlich handelt sich um ein wiederkehrendes Problem... Gibt es da irgendein Update bzw. eine vorhandene Lösung?

Meine Firefox Version die den Fehler produziert ist Firefox 2.0.0.9 und Typo3 ist Version 4.0.4

Unbekannter Benutzer ·

Mh ne, so wie ich das sehe ist das ein Problem in deinem CSS. Habe mal ein bisschen mit den WebDeveloperTools gespielt. Das Bild das den großen Abstand nach oben hat, steht genau auf selber Höhe wie das Ende der News auf der rechten Seite. Entweder du floatest falsch, oder dein clear steht falsch.

informatix ·

Hi Slang, vermutlich hast Du Recht. Aber leider verstehe ich nur ansatzweise wo der Hund begraben liegt. Kannst Du bitte näher erläutern wie ich am besten vorgehe um Abhilfe zu schaffen?

Vielen Dank!

informatix ·

Hi Slang, hi all:

Der Fehler ist gefunden! Und zwar hängt das Problem weder mit DIV noch mit floating oder sonst wie einer CSS bezogenen Ursache zusammen, sondern vielmehr mit den Layouteinstellungen innerhalb von Typo3!

Solang der Fehler mit dem ungewünschten Erscheinungsbild im Typo3 auftritt, wurden folgende Einstellungen verwendet:

- Standard Text m/Bild
- ABWECHSELND Position der Bilder im rechts ODER im Text Rechts (dies sind in der Auswahl die letzten beiden Optionen!!!)

Der Fehler verschwindet bei den identisch benannten Optionen davor, also mit Textumflüssen. Gegenwärtig ist mir allerdings noch nicht ganz klar wieso, weshalb und warum...

Ich habe heute den gesamten Vormittag damit verbracht innerhalb des CSS Designtemplates unterschiedliche Werte zu testen - das alles hat kein zielführendes Ergebniss eingebracht...

Zwar sind mir dadurch ein paar Dinge klargeworden - deshalb war sowas wie immer nie umsonst - aber dennoch verstehe ich nicht ganz was das soll...

Allerdings klappt die Text / Bildanordnung immer noch nicht ganz wie gewünscht - Überschriften werden scheinbar willkürlich angeordnet.
Auch die Optionen: "Breite und Höhe in Pixel" die zu einem Bild angegeben werden können, bleiben unberücksichtigt...

Wichtig ist sicherlich noch zu erwähnen, dass jedes Bild mit dem dazugehörigen Text in Typo3 als eigener Datensatz angelegt wurde. Also 1 Datensatz ist vom Typ Standard Text und hat den Inhalt "Pflasterarbeiten - Naturstein und Betonstein", der zweite Datensatz ist vom Typ "Standard Text m/Bild" und hat den Inhalt "Beton-Verbundsteinpflaster kombiniert mit einer Einfassung aus grauem Granitkleinpflastersteinen in der Grösse von 8 bis 11 cm." sowie das dazugehörige Bild. Der nächste Datensatz ist wieder vom Typ "Standard Text m/Bild" und enthält wiederum Text und Bild...

Layoutziel ist dabei Bilder abwechselnd MIT DEN DAZUGEHÖRIGEN TEXTEN im Wechsel Bild rechts, Text links und umgekehrt anzuordnen...

Das gelingt zwar mit den Bordmitteln von Typo3 nur sehr umständlich und zwar wie folgt: Indem gleich im ersten Optionsfeld bei Typ "Text m/Bild" in der Optionsbox "Nach:" ein entsprechender Abstand definiert wird...
Geht das nicht auch einfacher?!?

Und dann scheint da bei Typo3 noch ein Bug drin zu sein, weil er den veränderten Abstandswert immer wieder auf den alten zurücksetzt... :-(

Firefox und IE 6.0 reagieren mit ganz unterschiedlichen Darstellungen!!!!

Ist hier die Typo3 Version nicht ganz ausgereift, verstehe ich immer noch etwas nicht, oder handelt es sich eventuell sogar um einen Browserbug?!?

Für Hinweise bin ich weiterhin dankbar!

Viele Grüsse, informatix

informatix ·

Nach obigen Korrekturen an der Seite tritt nun - mit einem zeitlichen Verzug auf allen Seiten welche die News beinhalten ein ganz merkwürdiger Fehler auf!

Kann mir jemand erläutern womit das zusammenhängt? An dem News-Modul oder irgendwie beteiligten Elementen habe ich keinerlei Änderungen vorgenommen. Außerdem bringt eine Anaylse der angegeben php-Datei mich in keinster Weise weiter... #angry#

Alles erinnert mich jedoch sehr stark an den Fehler der damals auftratt und recht ähnlich aussah. Damals fehlte lediglich eine die HTML Vorlage für die News bzw. die Zuordnung der CSS Extensions...

Ich bitte um Hilfe!!!!! 🙁