Hallo Gemeinde,
ich habe angefangen mit mich Typo3 zu beschäftigen, installiert ist die neuste Version 4.04. Zum Einstieg habe ich mir das Buch von Robert Meyer gekauft (Praxiswissen Typo3 in der aktualisierten Auflage zu Typo 4).
Das Projekt habe ich schon einmal komplett erstellt und es hat soweit alles geklappt. Da ich immer mit dem Mozilla gearbeitet habe ist mir nicht aufgefallen, daß mit dem IE folgendes auftritt:
Im Beispielprojekt besteht der Header aus einem Logo links und daneben einem Headerbild mit einer Maske drauf. Normalerweise soll alles in 1 Zeile dargestellt werden. Bei mir wird für jedes Bild 1 Zeile benutzt. Ich kann mir nicht erklären wieso, vermute jedoch das es mit einer CSS EInstellung zusammenhängt, wodurch die Bilder zu Blockelementen erklärt werden. Ich finde jedoch nichts im Stylesheet, welches sich auf den Header bezieht, bzw. scheine es zu übersehen.
Da das Beispiel aus dem Buch ja bestimmt schon x-fach nachgebaut wurde, würde mich interessieren ob andere auch dieses Problem haben oder ob ich doch irgendwo einen Fehler generiert habe. Im Forum habe ich nichts dazu gefunden.
Der Container im HTML Code ist wie folgt
<div id="header">
###LOGO######TRAILER###
</div>
Das CSS Script ist
h2,h3,h4,h5,h6,div,p,body,html,input,button {
font: normal 12px Helvetica,Verdana,Arial
}
h1 {
font: normal 14px Helvetica,Verdana,Arial;
font-weight: bold;
}
img.block {
display:block;
}
div, img {
margin:0;
padding:0;
border:0;
}
div#container {
width:938px;
margin-left:auto;
margin-right:auto;
border:1px solid silver;
background: url(../fileadmin/images/background.gif) center repeat-y;
}
div#top {
font: bold 10px Verdana,Arial;
clear:both;
background-color:#E77B18;
text-align:right;
color:#FFFFFF;
padding:5px;
padding-right:10px;
}
div#top a {
text-decoration: none;
color:white;
}
div#header { background-color:white; }
/*-----------------------------------*/
div#links {
float:left;
width:179px;
padding-top:37px;
padding-bottom:10px;
background-color:#E77B18;
}
div#head {
font: normal 10px Helvetica,Verdana,Arial;
padding-top:5px;
padding-bottom:5px;
}
div#center {
margin-left:190px;
width:490px;
}
div#right {
width:215px;
height:auto;
float:right;
text-align:left;
padding-top:10px;
background-color:#009900;
}
.float-left {
float:left;
}
div#footer {
clear:both;
background-color:#009900;
padding:10px;
}