--- title: "Bilder erscheinen erst unterhalb des Menüs" url: "https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues" source: "typo3.net" tags: ["Frontend","Styling","Bilder","Frage"] created: "2007-07-05" last_reply: "2007-07-23" replies: 13 solved: false page: 1 pages: 1 lang: "de" --- # Bilder erscheinen erst unterhalb des Menüs Frontend › Styling · 13 Antworten · gestartet 2007-07-05 ## Eröffnungsbeitrag **pihe** · 2007-07-05 · [Beitrag #1](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/1) Hallo! Habe schon diverse css-Anstrengungen unternommen, in Firefox und im IE7 beginnen bei Inhaltselementen mit Bild die Bilder erst unterhalb des Menüs, siehe z.B. Im IE 6 scheint alles problemlos zu funktionieren. Kann mir jemand helfen? VG pi_he ## Antworten ### [#2](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/2) · micho · 2007-07-05 spendiere Deinem content das Attribut overfow:hidden ### [#3](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/3) · cope · 2007-07-06 Hi, wieso overflow: hidden? In den von styled_content erzeugten css Klassen ```html div.csc-textpic div.csc-textpic-imagerow {stylesheet_9754ce... (line 87) clear:both; } .csc-textpic-imagerow {kla.css (line 73) clear:both; margin-bottom:0.5em; } ``` macht das clear: both Probleme. Überschreib diese einfach in der kla.css LG Cope ### [#4](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/4) · pihe · 2007-07-08 Hallo! Danke für die Hilfe, aber was meinst du mit "überschreiben"? Soll ich clear:both; aus meiner kla.css löschen? Hat jedenfalls keine Auswrkung Nochmals viele Grüße pi_he ### [#5](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/5) · cope · 2007-07-08 Hallo pi_he, die zwei Klassen div.csc-textpic div.csc-textpic-imagerow habe ich nur in der "von Typo3 generierten" CSS Datei stylesheet_9754ce... gesehen. In Deiner kla.css gibt es eine Klasse .csc-textpic-imagerow ```html .csc-textpic-imagerow {kla.css (line 73) clear:both; margin-bottom:0.5em; } ``` in der "Typo3 CSS" ```html div.csc-textpic div.csc-textpic-imagerow {stylesheet_9754ce... (line 87) clear:both; } ``` Es muss bei beiden das clear:both weg. Versuch doch spasseshalber mal in der kla.css ```html div.csc-textpic div.csc-textpic-imagerow margin-bottom:0.5em; } ``` einzusetzen. Hast Du schon den firebug installiert? Falls nicht, sehr empfehlenswert. Auch der Webdeveloper hilft mir oft bei solchen und anderen Problemen LG Cope ### [#6](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/6) · pihe · 2007-07-09 Hallo cope! Ist ja wirklich Klasse, wie du versuchst zu helfen. Aber auch der letzte Tipp hat mich nicht weitergebracht. Noch 'ne Idee? Beste Grüße pihe ### [#7](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/7) · cope · 2007-07-09 Hallo pi_he, im IE7 ist das Problem bei mir nicht zu sehen? Ich meine folgendes: in Deiner kla.css gibt es eine Zeile ```html .csc-textpic-imagerow ``` Zeile 81 aktuell bei Dir. Wenn Du diese Zeile nun um div.csc-textpic erweiterst und das clear:both rausnimmst gehts bei mir in IE und FF ```html .csc-textpic-imagerow clear:both; margin-bottom:0.5em; } ``` ersetzen durch ```html div.csc-textpic .csc-textpic-imagerow margin-bottom:0.5em; } ``` Du hast ja in deiner kla.css nur .csc-textpic-imagerow beschrieben. In der Typo3-css gibt es aber auch div.csc-textpic .csc-textpic-imagerow In der Tat liegen die Bilder in einem DIV der Klasse .csc-textpic. Also "gewinnt" die Deklaration in stylesheet_9xxxxx.css (halt das Typo-Dings), da dies eine genauere Spezifikation als nur .csc-textpic-imagerow ist. Wenn Du nun in Deinem kla.css Genauso stark spezifizierst, dann "gewinnt" Deine Deklaration. Ich glaub ich drück mich ziemlich verwurschtelt aus.... einfach nachfragen LG Cope ### [#8](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/8) · pihe · 2007-07-10 Hallo! Es hat jetzt wirklich geklappt ich habe (sicherheitshalber) wie folgt ausgezeichnet. ```html DIV.csc-textpic DIV.csc-textpic-imagerow { clear:none; } ``` Habe noch ein ähnlich gelagertes Problem, was ich noch nichtlösen konnte. Bei zwei Inhaltselementen "Text/Bild" untereinander erscheint das 2. auch erst am Ende des Menüs. siehe Welche css-Anweisung könnte hier verantwortlich sein? Viele Grüße und nochmals vielen Dank an Cope pihe ### [#9](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/9) · cope · 2007-07-11 Hallo pihe, ich nochmal. Als erstes fällt auf, dass Deine kla.css in Zeile 74 ein clear:both; hat Ändere das mal in ```html div.csc-textpic-clear clear:none; } ``` Dann rutsch schon mal der Text und die Überschrift und das Bild nach oben. Leider der Text etwas zu weit. Der klebt jetzt teilweise rechts neben dem vorhergehenden Bild. Wenn Du in Deine kla.css zusätzlich noch ```html div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image float:none; } ``` einträgst, müsste es wieder richtig sein? Viele Grüße Cope ### [#10](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/10) · pihe · 2007-07-11 Hallo Cope! Genial. Wenn wir uns mal sehen sollten, gebe ich einen aus. :p Nochmals vielen Dank! pihe ### [#11](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/11) · pihe · 2007-07-11 Uups! Doch nicht ganz so genial. Bilder, die dreispaltig dargestellt werden sollen, erscheinen nur noch einspaltig... #paralyzed# Idee? VG pihe ### [#12](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/12) · cope · 2007-07-11 Hallo pihe, hab ich befürchtet. Mal so aus der Hüfte geschossen würde ich ```html div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow dl.csc-textpic-image{ float:left; } ``` noch in das kla.css dazunehmen und mal ausprobieren, wo es nun kracht 8-) Versuch macht kluch LG Cope ### [#13](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/13) · pihe · 2007-07-11 Hallo Cope! Bilder sind wieder dreispaltig, allerdings wieder das Problem des Textflusses, d.h. der Text des 2. Inhaltselementes beginnt schon rechts neben dem Bild des ersten. Ist ja wie verhext #paralyzed# Noch 'ne Idee? LG pihe ### [#14](https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues/14) · cope · 2007-07-23 Hallo pi_he, komm erst jetzt wieder dazu, zu antworten, sry. Hast Du die css Klasse aus dem letzten Posting von mir zugefügt oder die so ähnlich aussehende überschrieben? Wenn Du überschrieben hast, ist klar dass das nicht klappt. LG Cope --- Quelle: „Bilder erscheinen erst unterhalb des Menüs“, typo3.net, https://www.typo3.net/d/64910-bilder-erscheinen-erst-unterhalb-des-menues Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.