Hallo Liebe Community.
Ich habe euren Workshop zu Typo3 durch gearbeited ..soweit funktioniert auch alles danke nochmal .
Nur leider habe ich ein Problem mit dem Design ...ich versuche das Design für Firefox und Ie6 anzupassen.
Soweit funktioniert das Design auch einwandfrei nur wird im Firefox das Bild im Header nicht angezeigt.
Ich häng mal 2 Screenshots an ...
Der erste Screenshot ist vom IE 6 und der 2 vom Firefox 2.006
Hier noch das TS
Code:
page = PAGE
page {
#bodyTag = <body>
includeCSS {
file1 = fileadmin/css/site.css
file2 = fileadmin/css/ie.css
}
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/templates/template.html
workOnSubpart = DOKUMENT
marks{
INHALT < styles.content.get
LOGO = file
LOGO.file = fileadmin/images/banner.jpg
TOPMENU = HMENU
TOPMENU {
special = directory
special.value = 8
1 = TMENU
1.wrap=<a>|</a>
1.noBlur = 1
1.NO = 1
1.NO.ATagTitle.field = title
1.NO.linkWrap = <a>|</a>
1.ACT = 1
1.ACT < .NO
1.ACT.doNotLinkIt = 1
1.ACT.allWrap = <a id="topnavi-aktiv">|</a>
}
LINKS = HMENU
LINKS {
special = directory
special.value = 14
entryLevel = 1
1 = TMENU
1.wrap= <ul>|</ul>
1.noBlur = 1
1.NO = 1
1.NO.ATagTitle.field = title
1.NO.linkWrap = <li>|</li>
1.ACT = 1
1.ACT < .NO
1.ACT.doNotLinkIt = 1
1.ACT.allWrap = <li id="leftnavi-aktiv">|</li>
2 = TMENU
2.noBlur = 1
2.wrap = <li><ul>|</ul></li>
2.noBlur = 1
2.NO = 1
2.NO.ATagTitle.field = title
2.NO.linkWrap = <li>|</li>
2.ACT = 1
2.ACT < .2.NO
2.ACT.doNotLinkIt = 1
2.ACT.allWrap = <li id="leftnavi-sub-aktiv">|</li>
}
}
}
}
und hier die site.css
Code:
body {
text-align:center;
background:#000000;
}
#komplett {
margin: auto;
width:788px;
height:auto;
text-align:left;
}
#header {
height:175px;
background: green;
}
#menuline {
*margin-top:75px;
height:18px;
color: #fff00;
background: blue;
}
#left {
width:125px;
float:left;
background:#ffffcc;
}
#content {
float:left;
}
#footer {
clear:left;
background:#000;
color:#fff;
height:16px;
}
/* #### Menu ##################################################################################################### */
* {margin:0;padding:0;}
/* topmenu */
#menuline ul {list-style:none;}
#menuline ul li {display:inline;padding:2px 8px;}
#menuline ul li a {color:red;padding:2px 4px}
#menuline ul li.topnavi-aktiv a {background:#fff;}
/* leftmenu */
#left ul {list-style:none;margin-top:8px;}
#left ul li {padding-left:6px;}
#left ul li ul {margin-top:0;}
#left ul li ul li {padding-left:12px;}
/* ##############################
Danke im vorraus
nun sieht die sache bei mir aber so aus ..
