Hallo Heike,

das habe ich gerade probiert. Entweder ich habe es falsch gemacht (und deinen 
Tipp nicht so recht verstanden) oder die Sache funktioniert noch nicht so, wie 
wir uns das vorstellen :(.

Viele Grüße

Björn

-----Ursprüngliche Nachricht-----
Von: typo3-german-boun...@lists.typo3.org 
[mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Heike Herzog-Kuhnke
Gesendet: Mittwoch, 18. Juli 2012 21:44
An: typo3-german@lists.typo3.org
Betreff: Re: [TYPO3-german] CSS-Problem

Also, so wie ich das sehe funktioniert das so (in Opera auf dem MAC getestet, 
sieht das gut aus, wobei ich an Deiner Stelle hier einen CSS-Eintrag machen 
würde und nicht alles in die HTML schreiben.

Die fügst einen DIV unterhalb vom DIV "content-sub" ein, der Deinen Content und 
auch die Navigation im Content Bereich umschließt. Dieser bekommt eine Breite 
und Höhe von 100% des umgbenden DIVs, wobei mir bei Tests aufgefallen ist, dass 
dieser DIV auf jeden Fall eine min-height von 100% bekommt.

So sollte das Konstrukt aussehen:

  <div id="content-sub">
/* hier dann den Container für das Bild einfügen */
      <div id="cat-pic" 
style="background:url(uploads/media/navibild_leistungen.jpg) no-repeat bottom 
left 10px; width:100%; min-height:100%; margin: 0 0 10px 0;overflow:hidden;">

           <div id="content-sub-menu">
...

und natürlich dann auch entsprechend schließen.

Ich würde die CSS-Anweisung in einer CSS-Datei eintragen und dann lediglich die 
Information über das zu verwendende Bild in Typoscript dann wieder 
überschreiben.

Was mir aufgefallen ist, ist dass man das Bild leider nur (zumindest bei meinen 
Tests hier) direkt an die Unterkante bekommt. Hier musst Du eventuell die 
Bilder mit einem Rand ausstatten, dass sie etwas Abstand bekommen.

Ich hoffe das hilft dir weiter.

Gruß
Heike

_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Antwort per Email an