[TYPO3-german] CSS-Problem

[Björn Hahnefeld]

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-bounces at lists.typo3.org [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag von Heike Herzog-Kuhnke
Gesendet: Mittwoch, 18. Juli 2012 21:44
An: typo3-german at 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 at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german