Submenüs wollen nicht einrücken

**Akkii** · 18.03.2008, 15:02

Hallo !

Gleich vorraus: Super Forum erstelle eine Seite und hab hier immer Hilf gefunden.

Zu meiner Frage:
Ich hab meine Seite auf einem Localhost bei mir am PC erstellt. Nun habe ich einen Hoster gemietet (hoststar.at) um meine Seite Online zu stellen. Dies habe ich auch nach langen hin und her geschafft. Nun funktioniert mein Menu nicht so wie am PC. sämtliche SUB-Menüs sind nicht eingerückt. Obwohl ich mit offset arbeite.

Ich danke im Vorraus für die mühe ;)

Hier mein Typoscript:

page = PAGE
page.config.index_enable = 1
page.typenum = 0

#Definition fuer INDEXED SEARCH Modul auf DE Umstellung #ANFANG
page.config {
doctype = xhtml_trans
xhtmlDoctype = xhtml_trans
xmlprologue = none
xhtml_cleaning = all
metaCharset = utf-8
#eine Zeile Anfang
additionalHeaders = Content-Type:text/html;charset=utf-8
#eine Zeile Ende
}

#Sprachkonfiguration
config.linkVars = L
config.uniqueLinkVars = 1
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE.UTF8
config.htmlTag_langKey = de-DE

# English GB
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = en_EN.UTF8
config.htmlTag_langKey = en-EN
[global]
#Definition fuer INDEXED SEARCH Modul auf DE Umstellung # ENDE

#Formatierungen für Kontakt-Formular # START

tt_content.mailform.20 {
accessibility = 1
noWrapAttr=1
formName = mailform
dontMd5FieldNames = 1
REQ = 1
layout = <div>###LABEL### ###FIELD###</div>
COMMENT.layout = <div>###LABEL###</div>

### doppeltes LABEL
// RADIO.layout = <div>###LABEL### ###FIELD###</div>
RADIO.layout = <div class="radiolayout">###FIELD###</div>

LABEL.layout = <div>###LABEL### ###FIELD###</div>

### Möglichkeit die Input Felder nebeneinander sauber
### darzustellen
//labelWrap.wrap = <div style="width:100px; float:left;">|</div>
labelWrap.wrap = <div style="width:350px;">|</div>

commentWrap.wrap = |

### nach jeden Optionsfeld ein Umbruch, lässt man den weg, sind
### die Optionsfelder nacheinander
radioWrap.wrap = |<br />

### Das selbe gilt für benötigte Felder in Formularen
REQ.labelWrap.wrap = <div style="width:350px;">|</div>
stdWrap.wrap = <div class="formu">|</div>
}

page.bodyTag = <body>
page.includeCSS {
file1 = fileadmin/pauxberger/style/Kontaktformular.css
}

#Formatierungen für Kontakt-Formular # ENDE

sys_language_mode = strict
config.admPanel = 1
page.stylesheet = fileadmin/pauxberger/style/css_design.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/pauxberger/design/design_za.html
#workOnSubpart = DOCUMENTBODY
marks.NEWS< styles.content.getRight
marks.CONTENT< styles.content.get
# marks.FOOTER< temp.footer
marks.COUNTER< styles.content.getLeft

marks.MENU = HMENU
marks.MENU.1 = GMENU
marks.MENU.1.expAll = 0

marks.MENU.1.NO {
#backColor = white
XY= [10.w]+60,20
10 = TEXT
10.text.field = title
10.fontFile= fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 12
10.offset = 5,10
allWrap = <tr><td> | </td></tr>

}

marks.MENU.1.RO = 1
marks.MENU.1.useLargestItemX = 1
marks.MENU.1.RO {
XY= [10.w]+60,20
10 = TEXT
10.text.field = title
10.halign=center
10.fontFile= fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 12
10.offset = 5,10
allWrap =<tr><td> | </tr></td>
#backColor = #FFD700
6 = BOX
6.dimensions = 0,0,210,13
6.color = #FFD700
}

marks.MENU.1.ACT = 1
marks.MENU.1.ACT {
XY= [10.w]+60,20
10 = TEXT
10.text.field = title
10.halign=center
10.fontFile= fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 12
10.offset = 5,10
allWrap =<tr><td> | </tr></td>
#backColor = #FFD700
5 = BOX
5.dimensions = 5,12,210,3
5.color = #FFD700
}

marks.MENU.2 = GMENU
marks.MENU.2.NO {
backColor = white
XY = [10.w]+50,20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 10
10.offset = 15,9
allWrap = <tr><td> | </td></tr>
}

marks.MENU.2.RO = 1
marks.MENU.2.useLargestItemX = 1
marks.MENU.2.RO {
backColor = white
XY = [10.w]+50,20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 10
10.offset = 15,9
allWrap = <tr><td> | </td></tr>

allWrap =<tr><td> | </tr></td>
#backColor = #FFD700
6 = BOX
6.dimensions = 10,0,210,13
6.color = #FFD700
}

marks.MENU.2.ACT = 1
marks.MENU.2.ACT {
XY= [10.w]+60,20
10 = TEXT
10.text.field = title
10.halign=center
10.fontFile= fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 10
10.offset = 15,9
allWrap =<tr><td> | </tr></td>
#backColor = #FFD700
5 = BOX
5.dimensions = 15,10,100,3
5.color = #FFD700
}

marks.MENU.3 = GMENU
marks.MENU.3.NO {
backColor = white
XY = [10.w]+40,20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 10
10.offset = 30,9
allWrap = <tr><td> | </td></tr>
}

marks.MENU.3.RO = 1
marks.MENU.3.useLargestItemX = 1
marks.MENU.3.RO {
backColor = white
XY = [10.w]+40,20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 10
10.offset = 30,9
allWrap = <tr><td> | </td></tr>

allWrap =<tr><td> | </tr></td>
#backColor = #FFD700
6 = BOX
6.dimensions = 20,0,210,13
6.color = #FFD700
}

marks.MENU.3.ACT = 1
marks.MENU.3.ACT {
XY= [10.w]+60,20
10 = TEXT
10.text.field = title
10.halign=center
10.fontFile= fileadmin/pauxberger/fonts/Arial.ttf
10.fontSize = 10
10.offset = 30,10
allWrap =<tr><td> | </tr></td>
#backColor = #FFD700
5 = BOX
5.dimensions = 30,10,110,3
5.color = #FFD700
}

plugin.tx_bktfegraphiccounter_pi1 = USER
plugin.tx_bktfegraphiccounter_pi1 { noreferer = {$plugin.bktfegraphiccounter.noreferer} } // end plugin.tx_bktfegraphiccounter_pi1

}

**Akkii** · 19.03.2008, 19:53

kann mir keiner helfen....

**Akkii** · 19.03.2008, 23:33

ich weiß nicht so recht .. kennt sich hier keiner aus oder kann ich mein problem nicht beschreiben ?

BITTE wenn jemand so nett sein würde und mir Helfen würde. Sitze schon seit Nächten an diesem Problem.
Und ich kann nicht mehr

Was ich noch gemerkt habe bei Rollover ist die erstellte BOX am richtigen platz aber die schrift ist auf der falschen Position.

Danke nochmal im vorraus

**jochen** · 20.03.2008, 08:40

Hi Akkii,

wird das Menü ansonsten (ausser der Einrückung) richtig dargestellt?
Beim Drüberlesen fiel mir der Fehler ganz am Ende auf ("ERROR: Line 242: The script is short of 1 end brace(s)"). Ausserdem hast Du einige Male die Reihenfolge von tr- und td-Tags vertauscht. Vielleicht liegt ja hier schon das Problem?

Grüße
Jochen

P.S.: Eine Einrückung des TypoScript-Codes macht alles übersichtlicher und erleichtert oft die Fehlersuche...

**Akkii** · 20.03.2008, 18:47

Wegen den tabellen Tags habe ich schon gemerkt und ausgebessert. Sonst wird es richtig dargestellt.

Mittlerweile habe ich es geschafft zu realisieren. Aber sehr "brutal"

.

Habe bei den " | " davor   eingefügt.

Gibt es sonst einen Lösungsvorschlag?

Aber wie gesagt auf dem Localhost kapplat es ohen probleme sobald ich es auf dem Server hochlade funktionierts nicht.

Ich nehme mal an das short of braces bedeutet ich habe irrgendwo eine geschwungene Klammer vergessen.. schau ich gleich...

Ganz andere Frage:
Was ist das Problem wenn tt_board im Firefox richtig dargestellt wird und im IE7 gestaucht. verwende für die ganze Seite ein CSS abgestimmt auf beide.
?

Danke jochen

Sorry CSS veergessen:
/* CSS Document für den Firefox 2.0.0.11, Opera, Netscape*/

/*Körper der Seite! Definiert das Gerüst der Seite. Hintergrund ist weiß. Font-family ist Arial, Helvitica, sans-serif. Schrift größe der Seite
beträgt 14px (Standard 07-08).
*/
a:link{

color:#49b4f6;

text-decoration: none

}
a:visited{

color:#336633;

text-decoration: none

}
a:hover{color:#FFCC00;

text-decoration: none

}
a:active{color:#f00000;

text-decoration: none

}

body
{ background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

}

/* Page ist das Eigentliche Gerüst für die Seite. Sie wurde mit 620x950px definiert. Somit ist es ein Schnit zwischen 1024x768px und 1400x900px
*/
.page
{
background-color: white;
margin-left: auto; /* Auto deshalb damit die Seite immer zentriert ist.*/
margin-right: auto;
padding: 0px;
height: 620px;
width: 960px;
border-color: gainsboro;
border-style: solid;
border-width: 1px;
}

.banner
{
background-color: white;
background-repeat: no-repeat;
margin-top: 0px;
margin-left: 5px;
margin-botom: 50px;
margin-right: 5px;
width: 940px;
height: 100px;
border: none;

}

.menu_navigation
{ background-color: white;
float: left;
width: 200px;
height: auto;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 5px;
margin-top: 10px;
padding: 0px;
/*border-color: black;
border-style: solid;
border-width: 1px; Dient zu Testzwecken*/
}

.menu_container
{
background:#FFD700;

width: auto;
height: auto;
border-color: gainsboro;
border-style: solid;
border-width: thin;
margin: 0px;
padding: 5px;
}

.menu_list
{ background: white;

width: 170px;
height: auto;
margin: 5px;
padding: 5px;
/*border-color: black;
border-style: solid;
border-width: 1px; Dient zu testzwecken*/
}

.suche_container
{
background-color:#FFD700;
float:left;
width: 188px;
height: 50px;
border-color: gainsboro;
border-style: solid;
border-width: thin;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
padding: 5px;
}

.counter_container
{
text-align: center;
background-color:#FFD700;
float:left;
width: 188px;
height: 30px;
border-color: gainsboro;
border-style: solid;
border-width: thin;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
padding: 5px;
}

.content_container
{
position: relative;
background-color: white;

margin-top: 10px;
margin-left: 215px;
margin-right: 5px;
margin-bottom: 5px;
width: auto;
height: 500px;
border-style: solid;
border-width: 1px;
border-color: black;
}

.content
{
background-color: white;
float: left;
width: 96%;
height: auto;
max-height: 480px;
padding: 8px;
overflow: auto;
border-style: solid;
border-width: thin;
border-color: black;
}

.footer
{
background-color: white;

background-repeat: no-repeat;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 5px;
width: 940px;
height: 30px;
border: none;
}