Hallo zusammen,
kurz vorweg...ich bin absoluter Typo3 Anfänger.
Ich habe mir nun ein Template gebaut, welches meinen Ansprüchen genügt.
Im Firefox wird es auch richtig dargestellt, nur im IE7 ist ragt mir das Logo nach rechts raus.
Leider weiß ich nicht, was ich tun muss um meine Page auch im IE7 richtig darzustellen.
Hat vielleicht einer von Euch einen Tip für mich?
Der Link zu meiner HP ist in meinem Profil hinterlegt.
Im voraus vielen Dank für Eure Hilfe
Hier mein CSS File:
Code:
body {
color: black;
background-color: #000033;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0;
text-align: center;
}
div#Middle {
text-align: left;
margin: 0 auto;
height: 435px;
}
div#Page {
text-align: left;
margin: 0 auto;
width: 850px;
padding: 0.5em;
background-color: #FFFFFF;
}
html>body div#Page {
border-color: gray;
}
div#Menu {
font-size: 9pt;
float: left;
width: 200px;
height: 100%;
margin: 0; padding: 0;
background-color: #FFFFFF;
}
div#Menu a {
display: block;
padding: 0.2em;
font-weight: bold;
}
div#Menu a:link {
color: black; background-color: #eee;
}
div#Menu a:visited {
color: #666; background-color: #eee;
}
div#Menu a:hover {
color: black; background-color: white;
}
div#Menu a:active {
color: white; background-color: gray;
}
.level1 {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
.level2{
margin-left: 20px;
margin-right: 10px;
}
.level3{
margin-left: 30px;
margin-right: 10px;
}
.level4{
margin-left: 40px;
margin-right: 10px;
}
div#Content {
#margin-left: 200px;
background-color: #FFFFCC;
height: 433px;
padding: 0 1em;
#border: 1px dashed silver;
overflow:auto;
}
div#Content h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Content h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Content p {
font-size:0.7em;
margin: 1em 0;
}
div#TopLayer {
width: 100%;
background-color: #000033;
font-size: 70%;
height: 20px;
}
div#LogoLayer {
width: 100%;
background-color: #000033;
height: 50px;
}
div#RootlineLayer {
width: 100%;
background-color: #000033;
height: 20px;
}
div#FooterLayer {
width: 100%;
background-color: #000033;
height: 20px;
} Hier mein HTML Template:
Code:
<html>
<head>
<title>Seitentitel</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- ###DOCUMENT_BODY### START-->
<div id="Page">
<div id="TopLayer">###ROOTLINE###</div>
<div id="LogoLayer">###LOGO###</div>
<div id="RootlineLayer"></div>
<div id="Middle">
<div id="Menu">
<!-- ###MENU### START-->
<a href="einfuehrung.htm">Navigationslink</a>
<!-- ###MENU### END-->
</div>
<div id="Content">
<!-- ###CONTENT### START-->
<h1>Willkommen</h1>
<h2>Hier soll der Inhalt später stehen.</h2>
<p>An dieser Stelle soll später der Inhalt von Typo3 eingefügt werden.</p>
<!-- ###CONTENT### END-->
</div>
</div>
<div id="FooterLayer"></div>
</div>
<!-- ###DOCUMENT_BODY### END-->
</body>
</html>