Hallo zusammen,
ich habe ein grösseres Problem mit der Menu Darstellung in IE.
Screenshots:
http://www.informteam.ch/typo3/fileadmin/templates/browser/ff1.jpg
http://www.informteam.ch/typo3/fileadmin/templates/browser/ff2.jpg
http://www.informteam.ch/typo3/fileadmin/templates/browser/IE1.jpg
http://www.informteam.ch/typo3/fileadmin/templates/browser/IE2.jpg
Mein Template Code:
## Menu [Begin]
lib.mainMenu = HMENU
lib.mainMenu {
entryLevel = 0
excludeUidList = 291, 296, 297, 298, 299
1 = TMENU
1.expAll = 0
1.NO.linkWrap = <br /> <img src="fileadmin/templates/images/line.gif" width="160" height="5" alt="" />
1.NO.ATagParams = class="menu-level-1-no"
1.ACT < .NO
1.ACT = 1
1.ACT.linkWrap = <br /> <img src="fileadmin/templates/images/line.gif" width="160" height="5" alt="" />
1.ACT.ATagParams = class="menu-level-1-act"
1.ACTIFSUB < .NO
1.ACTIFSUB = 1
1.ACTIFSUB.linkWrap = <br /> <img src="fileadmin/templates/images/line.gif" width="160" height="5" alt="" />
1.ACTIFSUB.doNotLinkIt = 0
1.ACTIFSUB.ATagParams = class="menu-level-1-act"
2 = TMENU
2.wrap = <ul id="ebene">|</ul>
2.NO.wrapItemAndSub = <li>|</li>
2.expAll = 0
2.NO.linkWrap =
2.NO.ATagParams = class="menu-level-2-no"
2.ACT < .NO
2.ACT = 1
2.ACT.linkWrap =
2.ACT.ATagParams = class="menu-level-2-act"
2.ACTIFSUB < .NO
2.ACTIFSUB = 1
2.ACTIFSUB.linkWrap =
2.ACTIFSUB.doNotLinkIt = 0
2.ACTIFSUB.ATagParams = class="menu-level-2-act"
}
## Menu [End]
config.spamProtectEmailAddresses = 1
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
1 = TEXT
1.field = header
1.wrap = <font class="style"><b> | </b></font><br />
default < .1
}
tmp_tt_content_text < tt_content.text
tt_content.text >
tt_content.text = COA
tt_content.text.10 < lib.stdheader
tt_content.text.20 = TEXT
tt_content.text.20 {
field = bodytext
fieldRequired = bodytext
wrap = <font class="text">|</font>
parseFunc < tmp_tt_content_text.20.parseFunc
editIcons < tmp_tt_content_text.20.editIcons
}
plugin.tt_news.templateFile = fileadmin/templates/media/scripts/news_template.html
page.stylesheet = fileadmin/templates/media/scripts/news_styles.css
config{
language = de
locale_all = german
}
date_stdWrap.strftime = %d. %B %Y
time_stdWrap.strftime= %H:%M
plugin.tt_news.displayList.date_stdWrap.strftime = %d.%m.%Y
plugin.tt_news.displaySingle.date_stdWrap.strftime = %d.%m.%Y
plugin.tt_news {
PIDitemDisplay = 289
}
Mein css code:
a.link:link{ color:#008ad4; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.link:active{ color:#000000; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.link:visited{ color:#008ad4; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.link:hover{ color:#000000; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
.news:link{ color:#008ad4; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
.news:active{ color:#000000; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
.news:visited{ color:#008ad4; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
.news:hover{ color:#000000; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#mainnav{
float:left;
margin-left: 8px;
display:block;
}
*html #mainnav { display: inline;}
.mainnavtext { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #008ad4;}
.mainnavtext A:link{ color:#008ad4; text-decoration: none;}
.mainnavtext A:active{ color:#008ad4; text-decoration: none;}
.mainnavtext A:visited{ color:#008ad4; text-decoration: none;}
.mainnavtext A:hover{ color:#000000; text-decoration: none;}
.mainnavtextactive { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.mainnavtextactive A:link{ color:#000000; text-decoration: none;}
.mainnavtextactive A:active{ color:#000000; text-decoration: none;}
.mainnavtextactive A:visited{ color:#000000; text-decoration: none;}
.mainnavtextactive A:hover{ color:#000000; text-decoration: none;}
.menu-level-1-no { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.menu-level-1-no A:link{ color:#000000; text-decoration: none;}
.menu-level-1-no A:active{ color:#000000; text-decoration: none;}
.menu-level-1-no A:visited{ color:#000000; text-decoration: none;}
.menu-level-1-no A:hover{ color:#008ad4; text-decoration: none;}
.menu-level-1-act { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.menu-level-1-act A:link{ color:#000000; text-decoration: none;}
.menu-level-1-act A:active{ color:#000000; text-decoration: none;}
.menu-level-1-act A:visited{ color:#000000; text-decoration: none;}
.menu-level-1-act A:hover{ color:#000000; text-decoration: none;}
#mainnav a.menu-level-1-act {color: #000000;}
#mainnav a.menu-level-1-act:hover {color: #000000;}
.menu-level-2-no { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.menu-level-2-no A:link{ color:#000000; text-decoration: none;}
.menu-level-2-no A:active{ color:#000000; text-decoration: none;}
.menu-level-2-no A:visited{ color:#000000; text-decoration: none;}
.menu-level-2-no A:hover{ color:#008ad4; text-decoration: none;}
.menu-level-2-act { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.menu-level-2-act A:link{ color:#000000; text-decoration: none;}
.menu-level-2-act A:active{ color:#000000; text-decoration: none;}
.menu-level-2-act A:visited{ color:#000000; text-decoration: none;}
.menu-level-2-act A:hover{ color:#000000; text-decoration: none;}
#mainnav a.menu-level-2-act {color: #000000;}
#mainnav a.menu-level-2-act:hover {color: #000000;}
body { font-family:Arial, Helvetica, sans-serif; background-image:url(images/bg.jpg); background-repeat:no-repeat;}
.style { font-size: 14px; color: #008ad4; font-weight: bold;}
.text { color: #555555; font-size: 12px; font-style: normal; font-weight: normal;}
.textb { color: #555555; font-size: 12px; font-style: normal; font-weight: bold;}
#ebene {
width: 80px;
list-style-type:none;
padding-left: 9px;
margin-top: -2px;
height: 32px;
}
.textleasing { color: #008ad4; font-size: 12px; font-style: normal; font-weight: normal;}
.textleasingw { color: #555555; font-size: 10px; font-style: normal; font-weight: normal; background-color:#FFFFFF;}
.textleasings { color: #555555; font-size: 10px; font-style: normal; font-weight: normal;}
.textleasingb { color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; background-color:#008ad4}
.tab {border:1px solid #efefef; }
hat jemand eine Idee wie ich das Problem lösen könnte?
besten dank
Gruss Turi