Calvinstefan
Neues Mitglied
Guten Morgen.
Ich will nicht lange drumrumreden: im IE 8 sieht alles so aus, wie ich es gerne hätte, im IE 7 und IE 6 nicht.
Ich habe ein dreispaltiges Grundlayout erstellt, welches über Typo3 seine Inhalte bezieht. Über die Extension tt_news und das zugehörige HTML-Template kommen ebenfalls Inhalte. Und hier beginnen die Probleme:
IE 6:
- die Bilder fehlen
- der erste und dritte Frame sind nach links verschoben
IE 7:
- wie beim IE 6 sind die Frames verschoben
IE 8:
- so sollte es aussehen
Hier mal die Codes zu meinem tt_news-Template:
1. HTML:
2. CSS:
Könnt ihr mir bitte helfen??
Liegt mein Fehler in diesem Template? ODer könnte schon in meinem Haupttemplate der Seite ein Fehler sein?
Vielen Dank für Eure Hilfe!
Ciao,
Stefan.
:cry:
Ich will nicht lange drumrumreden: im IE 8 sieht alles so aus, wie ich es gerne hätte, im IE 7 und IE 6 nicht.
Ich habe ein dreispaltiges Grundlayout erstellt, welches über Typo3 seine Inhalte bezieht. Über die Extension tt_news und das zugehörige HTML-Template kommen ebenfalls Inhalte. Und hier beginnen die Probleme:

IE 6:
- die Bilder fehlen
- der erste und dritte Frame sind nach links verschoben
IE 7:
- wie beim IE 6 sind die Frames verschoben
IE 8:
- so sollte es aussehen
Hier mal die Codes zu meinem tt_news-Template:
1. HTML:
Code:
<!-- ###TEMPLATE_LIST### begin -->
<!-- ###CONTENT### begin -->
<!-- ###NEWS### begin -->
<div class="shortlist_wrap">
<div class="shortlist_image_wrap">
<div class="shortlist_image">###NEWS_IMAGE###</div>
</div>
<div class="shortlist_date"><strong>###NEWS_DATE###</strong></div>
<div class="shortlist_title">###NEWS_TITLE###
<!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###-->
</div>
<div class="shortlist_clear"></div>
</div>
<!-- ###NEWS### end-->
<!-- ###CONTENT### end -->
<!-- ###TEMPLATE_LIST### end -->
2. CSS:
Code:
.shortlist_wrap {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ACACAC;
margin-bottom: 10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #C1C1C1;
background-color: #F6F6F6;
padding: 5px;
position: relative;
overflow: visible;
}
.shortlist_image_wrap {
float: right;
margin: 0 0 4px 4px;
padding: 3px;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
background-color: #FFFFFF;
}
.shortlist_image {
}
.shortlist_date {
margin-bottom: 5px;
}
.shortlist_title {
}
.shortlist_clear {
highth: 1%;
clear: both;
}
Könnt ihr mir bitte helfen??
Liegt mein Fehler in diesem Template? ODer könnte schon in meinem Haupttemplate der Seite ein Fehler sein?
Vielen Dank für Eure Hilfe!
Ciao,
Stefan.
:cry: