[TYPO3-german] CSS-Problem

Heike Herzog-Kuhnke hhk at kuhnke-owl.de
Wed Jul 18 21:44:04 CEST 2012


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



More information about the TYPO3-german mailing list