Ausblenden von 3. Spalte wenn leer durch CSS

web007 · 9. Januar 2010 13:16

Hallo zusammen,

ich bin ein ziemlich Anfänger in sachen Typo3 und Typoscript. Ich versuche ein Design an Typo3 anzupassen, was auch relativ gut geklappt hat. Das Design hat 3 Spalten und die 3. soll wenn sie leer ist per CSS ausgeblendet werden. ( Sie muss per CSS ausgeblendet werden, da 3 Sachen verstreut über den Quellcode ausgeblendet werden muss. -> display: none; )

Mein Typoscript sieht so aus:

page.config {
  language = de
  spamProtectEmailAddresses = -4
  spamProtectEmailAddresses_atSubst = [at]
  doctype = xhtml_trans
  htmlTag_langKey = de
  xhtml_cleaning = all  
  }

# Template content object:
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
  template = FILE
  template.file = fileadmin/gabweb/index.html
  workOnSubpart = DOCUMENT
  subparts.SPALTE < styles.content.getBorder
  subparts.CONTENT < styles.content.get
  subparts.MENU = HMENU
  subparts.MENU.entryLevel = 0
  subparts.MENU.1 = TMENU
  subparts.MENU.1 {
   wrap = <h1>Navigation</h1>
   NO.wrapItemAndSub = <img src="http://gabweb.de/schule/images/navi.jpg" alt="" /> |<br />                     
	}
  subparts.MENU.2 =TMENU	
  subparts.MENU.2 {
   NO.allWrap = <br />   <img src="http://gabweb.de/schule/images/navi.jpg" alt="" /> |                 
	}
  subparts.MENU.3 =TMENU	
  subparts.MENU.3 {
  NO.allWrap = <br />      <img src="http://gabweb.de/schule/images/navi.jpg" alt="" /> |                 
	}	
}

# Default PAGE object:
page.includeCSS.file1= fileadmin/gabweb/style.css
page = PAGE
page.typeNum = 0
page.10 < temp.mainTemplate

Wenn jetzt also subparts.SPALTE leer ist muss dieser CSS code hinzugefügt werden:

#spalte_bottom_spacer {
display: none;
}

#spalte_top_spacer {
display: none;
}

#spalte_spacer {
display: none;
}

#spalte {
display: none;
}

Wie bewerkstellige ich soetwas? Bin über jeden Tipp dankbar. Bitte relativ genau erklären beschäftige mich erst seit kurzem mit Typo3