Hallo zusammen,
ich versuche mir gerade eine T3 Webseite zu bauen und habe folgendes Problem:
Ich habe unter anderem einen #Container, #leftmenu, #content im CSS definiert:
#container {
position: relative;
width: 765px;
border: 0px;
text-align: left;
margin: 0 auto 0 auto;
padding: 1px 1px 60px 1px;
min-height: 400px;
border-style: none;
background-color:#FFFFFF;
#background-image: url(../images/back.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
}
#leftmenu ul {
position: absolute;
top: 154px;
left: 2px;
margin: 0px;
padding: 0px;
list-style: none;
width: 138px;
background-color: #FFFFFF;
padding-left: 0px;
}
#content {
position: relative;
right:-1px;
margin: 153px 60px 0px 180px;
padding: 0px 0px 0px 5px;
line-height: 1.8em;
#background-color: #EDF4FA;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 18px;
font-family: arial, sans-serif;
}
In TypoScript habe ich es wie folgt eingebunden:
page = PAGE
page.typeNum = 0
config {
xmlprologue = none
doctype = xhtml_trans
xhtml_cleaning = all
htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"
}
page.meta {
description =
keywords =
publisher =
author =
language = de
robots = all
revisit-after = 7
}
page.headerData.10 < plugin.tx_simulatebe_pi1
page.includeCSS.file1 = fileadmin/templates/css/design.css
page.includeCSS.file1.media = all
page.includeCSS.file2 = fileadmin/templates/css/content.css
page.includeCSS.file2.media = all
page.shortcutIcon = fileadmin/templates/images/favicon.ico
page.bodyTag = <body>
page.10 = COA
page.10.wrap = <div id="container">|</div>
page.10 {
1 = HTML
1.value = <a name="top"></a>
2 = HTML
2.value = <div id="head"><h1><span>Stiftung Präventive Pädiatrie</span></h1><div id="logo"></div></div>
4 < temp.leftmenu
4.wrap = <div id="leftmenu"><ul>|</ul></div>
5 < temp.content
5.wrap = <div id="content">|</div>
6 = COA
6.wrap = <div class="copyright">|</div>
6 {
1 = TEXT
1.value = © 2013 |
2 = TEXT
2.value = Impressum
2.wrap = <a href="index.php?id=3">|</a> |
3 = TEXT
3.value = nach oben
3.wrap = <a href="#top">|</a>
}
7 = HTML
7.value = <div id="footer"></div>
}
Wenn ich nun einen längeren Text habe, vergrößert sich automatisch der container (wie gewünscht). Wenn aber meine Navigation wächst, bleibt der Container leider auf der Größe des Contents und vergrößert sich nicht.
Wo ist hier mein Denkfehler?
Vielen Dank.
Tobias