Zum Inhalt springen

Nach Umstellung auf UTF-8 ist das Layout verschoben

Erstellt am 14. August 2008 · 7 Antworten · letzte Antwort am 18. August 2008

Tags: Frage

Getaf_web ·

Hallo zusammen,

Jetzt habe ich eine Woche damit zugebracht einen Weg zu finden, mein Projekt auf UTF-8 umzustellen. Heute habe ich meine Seite das erste mal wieder im Firefox bestaunen dürfen und musste feststellen, dass das Layout total verschoben ist.

habe eine neue Typo3-Installation erstellt, diese auf utf-8 umgestellt, eine neue DB als utf-8 erstellt, Datendump des Projektes eingespielt, HTML-Seiten und CSS auf utf-8 umgestellt und dann die TV-Templates neu gemappet. Ich erhalte jetzt zwar wenigstens schonmal die Seite wieder (bis heute Vormittag war nur eine TemplaVoilá Error-Meldung zu sehen) Aber das Design sieht total verschoben aus.

Kennt jemand das Problem? hab doch am Code der CSS oder HTML nichts geändert.

Getaf_web ·
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

aber ich sehe gerade, dass wohl Typo3 da etwas daran herumgestellt hat.
Wenn ich mir den Code der erzeugten HTML-Datei anschaue dann sieht das so aus:

<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
saschae ·

probiers mal hiermit im TS Setup

config {
        doctype = xhtml_trans
        xhtml_cleaning = all
}

kannst auch mal ab und zu hier rein gucken. da gehts eigentlich ums gleich problem
#80675

Getaf_web ·

hmm, jetzt seh ich garnix mehr. hab ne weiße Seite.

vielleicht mal noch mein Setup dazu.

config.language = de
config.locale_all = german
config.locale = de_DE 
config.metaCharset = UTF-8
config.renderCharset = UTF-8
config.doctype = xhtml_trans
config.xhtml_cleaning = all

# Default PAGE object:
page = PAGE
page.10 = USER
page.10.userFunc = tx_TemplaVoila_pi1->main_page

# breadcrumb-navigation:

#navi:
lib.mainnav = HMENU
lib.mainnav.wrap = <table id="table_menu" cellspacing="0" cellpadding="0" summary="Hauptmenue/table>

lib.mainnav.1 = TMENU
lib.mainnav.1 {

   NO.wrapItemAndSub = <tr><td class="umen1">|</td></tr>
}

lib.mainnav.2 = TMENU
lib.mainnav.2 {

   wrap = <tr>|</tr>
   NO.wrapItemAndSub = <tr><td class="umen2" onMouseOver="this.style.backgroundColor='#F6F6F6'; this.style.cursor='hand';"onMouseOut="this.style.backgroundColor='#FFFFFF'">|</td></tr>
   
}

lib.breadcrumb = HMENU
lib.breadcrumb.entryLevel = 1
lib.breadcrumb {
	special = rootline
	special.range = 1 | -1
	1 = TMENU
	1 {
		NO {
			allWrap = ...&nbsp;&nbsp; | &nbsp;&nbsp;
		}
	}]
}

lib.menu_oben = HMENU 
lib.menu_oben {
	special = list
	special.value = 77, 76, 72, 73, 75
	1 = TMENU
	1.NO {
		before = &nbsp;
		after = &nbsp; | |*| &nbsp; | |*| &nbsp;
	}
}

lib.Footer = HMENU 
lib.Footer {
	special = list
	special.value = 77, 76, 72, 73, 75
	1 = TMENU
	1.NO {
		before = &nbsp;
		after = &nbsp; | |*| &nbsp; | |*| &nbsp;
	}
}


plugin.tt_news.templateFile = fileadmin/templates/aktuell/tt_news_template.html
plugin.tt_news.latestLimit = 10
plugin.tt_news.displayList.date_stdWrap.strftime = %d. %B %Y

der Code der Ergebnisseite sieht jetzt so aus:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 
	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2008 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://typo3.com/ and http://typo3.org/
-->

	<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8192c2092f.css" />
	<title>GETAF mbH</title>
	<meta name="generator" content="TYPO3 4.2 CMS" />
	<script type="text/javascript" src="typo3temp/javascript_93077bb238.js"></script>

<link rel="stylesheet" type="text/css" href="fileadmin/templates/aktuell/CSS/main.css" />

<link rel="stylesheet" type="text/css" href="fileadmin/templates/aktuell/CSS/tt_news_v2_styles.css" />
</head>
<body>

</body>
</html>

wobei

<link rel="stylesheet" type="text/css" href="fileadmin/templates/aktuell/CSS/main.css" />

<link rel="stylesheet" type="text/css" href="fileadmin/templates/aktuell/CSS/tt_news_v2_styles.css" />

aus der Template-HTML stammen. Die Dateien werden also eingebunden. Aber der Body wird komplett ignoriert.