Hilfe
Neues Thema
Antworten
geschrieben unter http://www.xxx.net findet ihr mein typo3 projekt.
es gibt probleme mit dem template. und zwar wird im IE die seite nicht zentriert, in allen anderen schon. das allerdings nur als eingebettetes typo3 template, selbständig funktioniert mein template einwandfrei und überall.
das problem liegt beim die seite umgebenden div-container mit der id=frame_main
mein HTML-Template original:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>xxx</title> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- ###DOCUMENT_BODY### start --> <div id="frame_main"> <div id="left"> <!-- ###NAVI_MAIN### start --> <ul> <li><a href="#">Pension</a></li> <li><a href="#">Bautzen</a></li> <li><a href="#">Übersicht/Preise</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Gästebuch</a></li> </ul> <!-- ###NAVI_MAIN### stop --> </div> <div id="mitte"> <div id="second_navi"> <div> <!-- ###NAVI_SECOND### start --> <p id="kontakt"><a href="#">Kontakt</a></p> <p id="impressum"><a href="#">Impressum</a></p> <!-- ###NAVI_SECOND### stop --> </div> </div> <!-- ###CONTENT_PICTURE### start --> <div style="background-image: url(uploads/tf/hauptbild_bautzen.jpg); height: 100px; width: 500px;"></div> <!-- ###CONTENT_PICTURE### stop --> <div id="content"> <!-- ###CONTENT_MAIN### start --> <p>blubb</p> <!-- ###CONTENT_MAIN### stop --> </div> </div> <div id="right"> <ul><li>Aktuelles</li></ul> <!-- ###NEWS### start --> <div class="news"> <p><a href="www.bautzen.de" target="_blank">Wasserkunstfest</a></p> vom 29. - 31. August findet in Bautzen wieder das beliebte Wasserkunstfest statt.<br />weitere Informationen unter <a href="www.bautzen.de" target="_blank">www.bautzen.de</a> </div> <!-- ###NEWS### stop --> </div> </div> <!-- ###DOCUMENT_BODY### stop --> </body> </html>
hier mein stylesheet:
body {
margin: 0px;
background-image:url(bgr.jpg);
background-position: center top;
background-attachment: fixed;
overflow:hidden;
background-repeat: no-repeat;
scrollbar-face-color:#ADB488;
scrollbar-highlight-color:#DDE2BC;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-arrow-color:#DDE2BC;
scrollbar-track-color:#DDE2BC;
}
#frame_main {
height: 750px;
width: 940px;
margin: 0px auto;
}
#left {
left: 0px;
height: 530px;
width: 220px;
float: left;
margin-top: 220px;
}
#left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#left a {
color: #FFFFFF;
text-decoration: none;
display: block;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
width: 200px;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
text-indent: 10px;
font-variant: small-caps;
}
#left a:link, #left a:visited {
background-color: #ADB488;
color: #000000;
}
#left a:hover, #left a:active {
background-color: #FFFFFF;
color: #333333;
text-decoration: none;
}
#mitte {
height: 625px;
width: 500px;
float: left;
padding-top: 25px;
padding-bottom: 0px;
}
#mitte #second_navi {
height: 40px;
padding-top: 60px;
}
#mitte #second_navi p {
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 15px;
padding-top: 0px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 0px;
}
#mitte #second_navi #kontakt {
background-image: url(kontakt.gif);
background-repeat: no-repeat;
background-position: right center;
}
#mitte #second_navi #impressum {
background-image: url(impressum.gif);
background-repeat: no-repeat;
background-position: right center;
}
#mitte #second_navi a {
color: #999999;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mitte #second_navi a:link, #mitte #second_navi a:visited {
color: #999999;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#mitte #second_navi a:hover, #mitte #second_navi a:active {
color: #000000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#content {
overflow-y: scroll;
overflow-x: hidden;
height: 490px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 490px;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
font-size: 14px;
}
#mitte h3 {
font-size: 18px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
text-indent: 40px;
color: #333333;
background-image: url(h3.gif);
background-repeat: no-repeat;
background-position: left;
height: 30px;
vertical-align: middle;
}
#right {
height: 510px;
width: 220px;
float: left;
margin-top: 240px;
padding: 0px;
}
#right ul {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
#right li {
display: block;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
list-style-type: none;
text-indent: 10px;
font-variant: small-caps;
color: #FFFFFF;
}
.news {
margin-left: 40px;
padding-right: 5px;
padding-left: 5px;
text-align: right;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
margin-top: 20px;
color: #000000;
font-size: 12px;
}
.news p {
padding: 0px;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
color: #86282B;
font-size: 14px;
}
.news a {
color: #86282B;
text-decoration: none;
}
.news a:link, #news a:visited {
color: #86282B;
text-decoration: none;
}
.news a:hover, #news a:active {
color: #FFFFFF;
text-decoration: none;
}
#footer {
height: 50px;
width: 940px;
clear: left;
}
TS im setup meines templates:
# Default PAGE object:
page = PAGE
page.stylesheet = main.css
page.10 = TEMPLATE
page.10.workOnSubpart = DOCUMENT_BODY
page.10.template = FILE
page.10.template.file = index.html
page.10.subparts.NAVI_MAIN = HMENU
page.10.subparts.NAVI_MAIN {
wrap = <ul> | </ul>
1 = TMENU
1.NO.linkWrap = <li> | </li>
}
eigentlich funktioniert das template wie gesagt, nur eben nicht mehr in typo3.
liegt es vielleicht an den doppelten <body< und <html> tags. die durch die einbettung in typo3 entstehen?
-> hat sich erledigt, nachdem ich nun die subparts im setup angegeben habe
vielen dank für eure hilfe schon mal!
grüße aus der elbflorenz...felix
Dieser Beitrag wurde von felisse.courage bearbeitet: 10. Dezember 2008 - 18:57
Nach oben
mach's gleich mal...
