Zum Inhalt springen

CSS verschoben

Erstellt am 23. September 2007 · 7 Antworten · letzte Antwort am 12. Oktober 2007

Tags: Frage

tschi ·

Hallo,

ich habe gerade ein Template fertiggestellt, dass lokal einwandfrei in IE und Firefox funktioniert.
Als ich es hochgeladen habe, sind aber einige der divs nach unten verschoben. Zunächst war zusätzlich das Layout -nur im IE- nicht mehr mittig, sondern am linken Rand.

Ich habe ins Setup des Templates folgendes geschrieben:

config.doctype = xhtml_strict
config.xhtml_cleaning = all
config.htmlTag_langKey= de
config.doctypeSwitch = 1

Seitdem zeigt der IE alles richtig an. Firefox ist nach wie vor verschoben. Irgendeine Idee?

Vielen Dank!

Gernott ·

Versuche mal die unterschiede im Lokalen und im Online Quelltext rauszufinden. Hört sich danach an, als wäre ein anderer doctype...
Bzw. poste mal die beiden kompletten header (vom doctype bis </head>)

ehontheim ·

Hallole!

doctypeSwitch ist nur für den IE erforderlich. Schätze mal, deswegen zerreißt es den FF.

[browser = msie] && [version =< 7.0]
config.doctypeSwitch = 1
[END]

Grüße
Erwin

tschi ·

@ehontheim: Vielen Dank für den Tipp, allerdings hatte ich den switch nur eingebaut, weil es vorher schon zerschossen war. Ichha's jetzt trotzdem nach Deinem Vorschlag geändert. Hat leider das Problem nicht gelöst, ist aber sicher sauberer so... 😉

Die Header sind wie folgt:

LOKAL:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>

Remote:

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>

Vielen Dank für Eure Ideen!

tschi ·

Entschuldigung...merke gerade, dass ein Teil fehlt.

lokal:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Titel</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>

remote:

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
	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-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://typo3.com/ and http://typo3.org/
-->

	<link rel="SHORTCUT ICON" href="fileadmin/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e62c2bd368.css" />
	<title>XYZ: Home</title>
	<meta name="generator" content="TYPO3 4.0 CMS" />

	<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>

<link href="fileadmin/orange2/default.css" rel="stylesheet" type="text/css" />

</head>

Nochmals Danke!

Gernott ·

Versuchs mal so ;-)

config {
 htmlTag_langKey = de
 doctype = xhtml_trans
 xmlprologue = none
 doctypeSwitch = 1
 language = de
 locale_all = de_AT
}
tschi ·

Vielen Dank.

Hat aber leider auch nicht funktionert. Nach wie vor: IE alles in Ordnung, FF verschoben.

Ich habe es schon erfolgreich durch den W3C-Validator geschickt...trotzdem keine Verbesserung - wirklich ärgerlich...

tschi ·

Ok...fast ein bißchen peinlich... :o

Hab's gefunden: In der CSS-Datei stand:

[b]*[/b]{
	margin: 0;
	padding: 0;
}

Ohne "*" ging's gleich besser...

Vielen Dank für Eure Hilfe!