Zum Inhalt springen

Problem mit Aufteilung der Spalten

Erstellt am 2. November 2008 · 9 Antworten · letzte Antwort am 2. November 2008

Tags: Templates & Layouts, Frage

Bubumann38 ·

Hallo liebe Leute,

ich wollte gerne den Contentbereich in zwei Bereiche aufteilen. Hierfür habe ich im Contentbreich des HTML-Templates zwei Marker (###CONTENT### und ###IMAGE###) definiert. Im Typo3 habe ich nun unter "NORMAL" meinen Text angelegt und unter "RECHTS" ein Bild angelegt. Im rechten Bereich wird aber nur der Platzhalter angezeigt. Was mache ich falsch?

Nachstehend die Templates:
HTML-Template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link href="fileadmin/ogb-relaunch/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="fileadmin/ogb-relaunch/css/style_print.css" type="text/css" media="print" />
<!--[if lte IE 7]>
<link href="fileadmin/ogb-relaunch/css/style_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
<link href="fileadmin/ogb-relaunch/css/style_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

<body>
<!-- ###DOKUMENT### beginn -->
<div id="container">
  <div id="header">
    <ul id="service">
      <span>|</span>
      <li><a href="index.php?id=44">home</a></li>
      <span>|</span>
      <li><a href="index.php?id=45">kontakt</a></li>
      <span>|</span>
      <li><a href="index.php?id=46">impressum</a></li>
      <span>|</span>
    </ul>
    <div id="logo"><img src="fileadmin/ogb-relaunch/img/logo.png" alt="Organisationbureau" width="263" height="48" /></div>
    
    <ul id="navigation">
      <span>|</span>
      ###MENU###
    </ul>
    
  </div>
  <div id="page">
    <div id="content">
      ###CONTENT###
    </div>
	 <div style="float: left;">
      ###IMAGE###
    </div>
</div>
  <div id="footer">organisationsbureau berlin . im energieforum berlin . stralauer platz 34 . 10243 berlin</div>
</div>
<!-- ###DOKUMENT### end -->

</body>
</html>

TS-Template

# Default PAGE object:
page = PAGE
page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/ogb-relaunch/templates/index.html
page.includeCSS.file1 = fileadmin/ogb-relaunch/css/style.css

config {
  doctype = xhtml_strict
  htmlTag_langKey = de_AT
  xhtml_cleaning = all
  locale_all = de_AT
  language = de
} 

page.headerData.100 = TEXT
page.headerData.100.value (
	<script type="text/javascript" src="fileadmin/ogb-relaunch/js/horizontal.js"></script>
)

page.headerData.99 = TEXT
page.headerData.99.value (
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="fileadmin/ogb-relaunch/css/style_ie7.css" />
<![endif]-->
)

page.headerData.98 = TEXT
page.headerData.98.value (
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="fileadmin/ogb-relaunch/css/style_ie6.css" />
<![endif]-->
)

page.10.workOnSubpart = DOKUMENT 
page.10.marks.CONTENT < styles.content.get

page.10.marks.IMAGE < styles.content.get.right


page.10.marks.MENU = HMENU
page.10.marks.MENU {
	special = directory
	special.value = 23
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1	
	2.wrap = <ul>|</ul>

	3 < .2
	4 < .2
}
Bubumann38 ·

Vielen Dank! Das hat schon einmal prima geklappt. Nun noch eine dumme Frage. Kann ich die Bilder auch an den Contentbereich koppeln? Will folgendes sagen: Erster Artikel Text mit Bild, dann kommt eine horizontale Linie und dann kommt wieder ein Artikel mit Bild. Wobei die Bilder immer im rechten Bereich sind. Momentan ist das zweite Bild direkt unter dem ersten Bild.

SLAng ·

Verstehe nicht wie du das meinst. Füge unter dem ersten content Elment doch einfach eine hr ein, oder mach das per CSS.

SLAng ·

OK, jetzt weiß ich auch was du meinst. Allerdings ist mir der Sinn nicht klar. Wie willst denn Containerübergreifend das verbinden, dass das auf der seben Höhe ist? Würde mir jetzt mal gar keine Lösung einfallen. Auch ist mir der Sinn absolut unklar.

Bubumann38 ·

Ich habe das nur deshalb gemacht, weil ich sondt folgendes Problem habe:
Wenn ich im Contentbereich das Element "Text mit Bild" nehme und das Bild recht anordne, dann schließt das Bild nicht so ab, wie es im Originaltemplate sein soll.
Nachstehend die Screens der beiden Template. Vielleicht erschliesst sich daraus, was mein eigentliches Problem ausmacht.

Original-HTML-Template
Bild: s160150340.online.de/…/original-screen.JPG

Typo3-Ausgabe
Bild: s160150340.online.de/…/typo3-screen.JPG

SLAng ·

Jo, da ist wohl ein Unterschied, aber dieser ist doch eher marginal...

Aber das was du willst ist doch per CSS zu händeln. Schau dir die Classen an und vormatier wie du sie benötigst. Das heißt nach recht mehr Abstand, ode wahrscheinlich besser die Gesamtbreite der Seite einschränken. Und nacvh oben mehr Abstand...

SLAng ·

Tja, viele eventualitäten, die wir schlecht mitbedenken können. Warum stellst du die Bilder nicht alle in der selben Größe ein? Dann macht die Seite auch nicht so unruhig