Keine Anzeige/Kein Aufbau der Seite im IE!?!

**Snaky** · 07.04.2011, 06:08

Hallo!

Ich habe einen wundersamen Fehler. Problem tritt seit gestern mit dem Internet Explorer auf! (keine Veränderung des Codes):

http://tff-kassel.de/
Mit dem Firefox zu erreichen, mit IE nicht.... Wenn man sich den Seitenquelltext ausgeben lässt im IE wird auch alles ordnungsgemäß angezeigt. Woran kann das liegen?!?

Die Backend-Ansicht ist völlig in Ordnung http://tff-kassel.de/contao, ein Aufruf der install-php hat nichts geändert.

Lg
Michi

**Snaky** · 07.04.2011, 06:17

Also ich habe mittlerweile rausgefunden, dass es wohl an der überarbeiteten fe_page.tpl liegt (habe sie nun in fe_page_1.tpl umbenannt und das ganze funktioniert nun, aber ohne meinen Sticky_footer:

Code:

<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<?php echo $this->framework; ?>
<?php echo $this->stylesheets; ?>
<?php echo $this->mooScripts; ?>
<?php echo $this->head; ?>
</head>

<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div id="wrapper">
	<?php if ($this->header): ?>
	<div id="header">
		<div class="inside"> <?php echo $this->header; ?> </div>
	</div>
	<?php endif; ?>
	<?php echo $this->getCustomSections('before'); ?>
	<div id="container" class="clearfix">
		<?php if ($this->left): ?>
		<div id="left">
			<div class="inside"> <?php echo $this->left; ?> </div>
		</div>
		<?php endif; ?>
		<?php if ($this->right): ?>
		<div id="right">
			<div class="inside"> <?php echo $this->right; ?> </div>
		</div>
		<?php endif; ?>
		<div id="main">
			<div class="inside"> <?php echo $this->main; ?> </div>
			<?php echo $this->getCustomSections('main'); ?>
			<div id="clear"></div>
		</div>
		<?php echo $this->getCustomSections('after'); ?> </div>
</div>
<?php if ($this->footer): ?>
<div id="footer">
	<div class="inside"> <?php echo $this->footer; ?> </div>
</div>
<?php endif; ?>
<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" class="invisible" />
<!-- indexer::continue -->

</div>
<?php echo $this->mootools; ?>

</body>
</html>

Aber wo ist der Fehler?

**Xamanoth** · 07.04.2011, 09:02

Das letzte </div> an dieser Stelle:

</div>
<?php echo $this->mootools; ?>

ist glaube ich zuviel, wenn ich mich nicht verschaut habe.

Ob der Fehler daran liegt, weiß ich aber nicht.

**Snaky** · 07.04.2011, 17:48

Nein. Das war nicht der Fehler.... :/

**Snaky** · 08.04.2011, 08:18

Übrigens nicht nur im IE sondern auch in Chrome. Also anscheinend kann es nur der Firefox lesen.

**bizon** · 08.04.2011, 08:42

Unter Ubuntu 10.10 Linux

Firefox 4 ok
Opera 10 ok
Chromium 10 Seite wird angezeigt allerdings überdeckt der Kontaktrahmen das Bild um ca. 10px

**bizon** · 08.04.2011, 08:53

Du hast fehlerhafte CSS-Definitionen

Code:

#main {
    margin-left: 15px;
    margin-top: 50px;
    position: relative;
    width: 725px;
}

Entferne alle Einträge bei #main und setze statt dessen

Code:

#main .iniside {padding: 50px 0 0 15px;}

So sollte es funktionieren. Evtl. musst du den padding-Wert für rechts nocht setzen.

**Snaky** · 08.04.2011, 09:35

Es wird dir okay angezeigt, da ich die tpl erstmal wieder umbenannt habe und die standard-tpl gilt.

Vielen Dank erstmal. Auch wenn ich die Defintion von Main ändere (Leider stimmen dann die Abstände von oben etc nicht mehr) dann wird die Seite weiß angezeigt. Das mit der Verschiebung habe ich nun auch gesehen. Tritt aber nur im Chrome und IE9 auf (welche ja im Acid3-Test 100% haben), die anderen Browser haben das so angezeigt wie vorgesehen.

Habe nun grade mal 2 Seiten zum Anschauen von den tpl-Ergebnissen eingerichtet:

http://tff-kassel.de/index.php/test.html (überarbeitete tpl)
http://tff-kassel.de/index.php/test2.html (standard-tpl)

**bizon** · 08.04.2011, 12:56

Nur die Definitionen von #main zu entfernen bringt natürlich nichts. Die Anstände deines Contents für #main stellst du mit #main .inside wieder her. Variier doch mit den padding-Werten.
Du kannst, und das ist bei dieser Methode der Vorteil, den inneren Bereich mit Abständen stylen ohne die Position der beiden Container #main und #right zu stören. CSS-Boxmodell ist dabei das Stichwort.

Das Contao-Framework vergibt sobald du für #right eine Breite (185px) setzt, das ensprechende margin-right an #main. Somit sind die beiden Boxen genau nebeneinander platziert und zwar flächenfüllend innerhalb von #wrapper. Du gibst aber deinem #main ein anderes margin-right (190px) und auch ein margin-left, womit du die
flächenfüllende Position deiner Boxen aufbrichst. Damit können die unterschiedlichen Browser nicht umgehen.

**Snaky** · 12.04.2011, 10:23

Danke erstmal für den Tipp. Habe das gleich mal umgesetzt.

War aber alles nicht das Problem. Problem war folgendes: Mir war ein Wirr-Warr im Seitentitel aufgefallen der immer noch geladen wurde.

Schuld war folgende Zeile:

Code: