Zum Inhalt springen

Falsche Darstellung im IE

Erstellt am 13. Dezember 2007 · 5 Antworten · letzte Antwort am 15. Dezember 2007

Tags: HTML & CSS, Frage

doppel sechser ·

Hallo,

ich kämpfe mit dem gleichen Aussehen und Funktionalität in FF und IE. In einem anderen Thema geht es bereits um das anmelden in der Extension "newloginbox".

Hier geht es nun um folgendes. Ich lasse rechts in einem Container "EXTRA" News anzeigen. Im FF werden sie dort angezeigt. Im IE werden Sie aber abgeschnitten unten links angehängt. Ich hatte es bereits aber mal geschafft dass sie sowohl in IE und FF rechts waren. Habe ich meine CSS kaputt geändert? Ich habe mal die Teile aufgeführt, wo ich meine sie könnten die Ursache sein. Quellcode in FF und IE habe ich bereits verglichen und keine Fehler gefunden.

Zu sehen unter http://p51492.typo3server.info

div#container {
...
}

div#header {
...
}

div#top {
...
}

div#top1 {
...
}

div#wrapper {
  float: left;
  width: 100%;
}

div#inhalt {
margin: 0 150px;
  padding-left: 30px;
  padding-right: 20px;
...
}

div#navigation {
  float: left;
  width: 150px;
  margin-left: -900px;
}

div#extra {
  float: left;
  width: 150px;
  margin-left: -150px;
  font: 90% arial,sans-serif;
  text-align: center;
  padding-right: 0px;
}

div#footer {
  clear: left;
  width: 100%;
  height: 50px;
  padding-top: 0px;
}

Die unterschiedliche fehlerhafte Anzeige der news schreibe ich in einem neuen Thema bei tt_news.

Gruß Ralf

Wool ·

das Problem liegt wohl in den Breiten (IE und FF behandeln das unterschiedlich) der eine Zählt border dazu wenn angegeben der andere zählt es immer dazu...

des Weiteren:
Der IE addiert paddings in der Breite der FF nicht...

daher immer schön zwei CSS-files benutzen ;-)

doppel sechser ·

Hallo,

News werden nun auch rechts oben angezeigt. 😃 Ein Unterschied ist noch bei IE und FF. Anzeige der BROWSER_LINKS und "-->". Ich kann den Fehler im Template aber nicht erkennen.

   <!-- ###TEMPLATE_LIST### begin
This is the template for the list of news in the archive or news page or search-->
<div class="news-list-container">
<!-- ###CONTENT### begin
This is the part of the template substituted with the list of news:
-->
<!-- ###NEWS### begin
Template for a single item
-->
<div class="news-list-item">
<h3>
<!--<span class="news-list-date">###NEWS_DATE###</span>-->
<!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></h3>
<!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###-->
###NEWS_SUBHEADER###
###CATWRAP_B### ###TEXT_CAT### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
<div class="news-list-morelink"><!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###--></div>
<hr class="clearer" /></div>
<!-- ###NEWS### end-->
<!-- ###CONTENT###  end-->
<!--<div class="news-list-browse">###BROWSE_LINKS###</div>-->
</div>
<!-- ###TEMPLATE_LIST### end-->

Hat jemand einen Tipp?

Gruß Ralf

Unbekannter Benutzer ·

Die Syntaxhighlight sagt auch, dass da ein Fehler ist... kann diesen aber auch nicht wirklich finden...
Versuchs mal so, wenn du die überflüssigen Kommentare raus nimmst.

<!-- ###TEMPLATE_LIST### begin -->
	<div class="news-list-container">
				<!-- ###CONTENT### begin -->
				<!-- ###NEWS### begin -->
		<div class="news-list-item">
			<h3><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></h3>
			<!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###-->
				###NEWS_SUBHEADER###
				###CATWRAP_B### ###TEXT_CAT### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
			<div class="news-list-morelink"><!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###-->
			</div>
			<hr class="clearer" />
		</div>
				<!-- ###NEWS### end-->
				<!-- ###CONTENT###  end-->
	</div>
<!-- ###TEMPLATE_LIST### end-->
doppel sechser ·

Hallo SLAng,

ich habe es geschafft. Der Fehler muss woanders im template gewesen sein. Ich habe das Original-template nochmal eingebunden und nun ist es schön. Danke.

Ralf

doppel sechser ·

Nochmal ich,

ich möchte ja die BROWSER_LINK nicht angezeigt haben. Habe deshalb im template wieder die eine entsprechende Zeile auskommentiert. Wieder die gleiche Fehlanzeige im IE. Dann habe ich die Zeile gelöscht. Nun wird es im FF und IE richtig angezeigt. Muss man wahrscheinlich nicht verstehen.

Aber nun endgültig fertig hier.

Ralf