Ansicht im IE völlig verzerrt

Roger80 · #1 24.03.08, 14:13

Hallo zusammen

Ich bin seit Tagen auf der Suche nach einer Lösung für mein Problem. Meine Seite wird im IE völlig verzerrt (in die Breite) angezeigt. Ich habe dazu zwei Bilder hochgeladen. Das erste zeigt die Seite im IE, das zweite die korrekte Ansicht im Firefox. Das erste Bild habe ich aus 2 Screenshots zusammen gebaut, weil es von der Breite her nicht auf einen Screenshot passte.

Ich habe bereits verschiedene Dinge versucht zu ändern. Das Menu war zuerst falsch dargestellt, also nebeneinander, dass habe ich geändert. -Funktioniert nun.
Ich habe versucht mit "config.doctype" den Doctypen anzupassen, hat auch nicht gefunzt...nun weiss ich nicht mehr weiter bitte helft mir.

Ich paste nun noch meinen Quellcode von IE und FF plus den Typoscript Code.

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:

# doctype & code cleaning
# config.doctype = xhtml_frames
config.xmlprologue = none
config.xhtml_cleaning = all
config.disablePrefixComment = 1
config.meaningfulTempFilePrefix = 100
seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgColor = "#FFFFFF">
stylesheet = fileadmin/css/style.css
meta.AUTHOR = Roger Böhlen
meta.DESCRIPTION = Sherins Kosmetikseite
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
10.marks {
NAVIGATION = HMENU
NAVIGATION.special = directory
NAVIGATION.special.value = 31
NAVIGATION.entryLevel = 1
NAVIGATION.1 = GMENU
NAVIGATION.1.NO = 1
NAVIGATION.1.NO {
wrap = | <br>
XY = 200, 25
10 = TEXT
10.text.field = title
10.noTrimWrap = | ||
10.text.listNum = 0
10.text.listNum.splitChar = |
10.fontColor = #333333
10.fontFile = fileadmin/fonts/frutiger.ttf
10.fontSize = 12
10.niceText = 0
10.offset = 15, 20

20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 200,1
backColor = #999999
}
20.offset = 12, 24

}
NAVIGATION.1.CUR < .NAVIGATION.1.NO
NAVIGATION.1.CUR {
10.fontColor = #7B0C0C
}
NAVIGATION.2 < .NAVIGATION.1
NAVIGATION.2 {
NO.10.XY = 200, 20
NO.10.fontSize = 10
NO.10.offset = 30,20
NO.20.offset = 20,32
CUR < .NO
}

     //Hier folgt der Inhalt
CONTENT_CHANGE = CONTENT
CONTENT_CHANGE < styles.content.get - ERROR: Line 62: Object copied in this line "CONTENT_CHANGE < styles.content.get" would leave either the value or properties untouched in TypoScript Version 1. Please check that this is not a problem for you.
     //CONTENT_CHANGE.includeCSS {
    //                                             file1 = fileadmin/style.css
    //                                             file1.title = Standardansicht
    //                                             file1.media = screen
    //                                             }

CONTENT_CHANGE {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}

} - ERROR: Line 75: The script is short of 1 end brace(s)

Quelltext IE:

HTML-Code:

<!DOCTYPE html
    PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- 
    This website is brought to you by TYPO3 - get.content.right
    TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://www.typo3.com
--> <style type="text/css">
        /*<![CDATA[*/
    <!--
    /* default styles for extension "tx_mininews_pi1" */
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-title { font-weight:bold; }
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser { margin-bottom:15px; }
    .tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-title { font-weight:bold; }
    .tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-teaser { margin-top:0px; margin-bottom:10px; }
    .tx-mininews-pi1 .tx-mininews-pi1-singleView P.tx-mininews-pi1-singleViewField-teaser { font-style:italic; margin-top:5px; margin-bottom:10px; }
    .tx-mininews-pi1 .tx-mininews-pi1-browsebox P SPAN.tx-mininews-pi1-browsebox-strong { font-weight:bold; }
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A { color:black; text-decoration:none; }
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A:hover { color:black; text-decoration:none; }
    -->
        /*]]>*/
    </style> <link rel="stylesheet" type="text/css" href="fileadmin/css/style.css" /> <title>Behandlungen</title> <meta name="generator" content="TYPO3 3.8 CMS" /> <meta name="AUTHOR" content="Roger Böhlen" /> <meta name="DESCRIPTION" content="Sherins Kosmetikseite" /> <script type="text/javascript">
        /*<![CDATA[*/
    <!--
        browserName = navigator.appName;
        browserVer = parseInt(navigator.appVersion);
        var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
        if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror" || browserName=="Opera") {version = "n3";} else {version = "n2";}
            // Blurring links:
        function blurLink(theObject)    {    //
            if (msie4)    {theObject.blur();}
        }
        
    // -->
        /*]]>*/
    </script> </head> <body bgcolor="#FFFFFF"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FFFFFF" width="20%"></td> <td bgcolor="#FFFFFF" width="30%" height="275"><img src="fileadmin/pictures/Logo.jpg" width="100%" height="161" align="middle" alt="" /></td> <td bgcolor="#FFFFFF" width="30%" align="center" valign="middle"><div align="right"><a href="index.php?id=32" onfocus="blurLink(this);"><img src="typo3temp/menu/53853b6dde.gif" width="200" height="25" border="0" alt="Home" /></a><br /><a href="index.php?id=33" onfocus="blurLink(this);"><img src="typo3temp/menu/bd5999205b.gif" width="200" height="25" border="0" alt="Behandlungen" /></a><br /><a href="index.php?id=36" onfocus="blurLink(this);"><img src="typo3temp/menu/54056234c6.gif" width="200" height="25" border="0" alt="Gesichtspflege, Make-Up" /></a><br /><a href="index.php?id=38" onfocus="blurLink(this);"><img src="typo3temp/menu/b491910561.gif" width="200" height="25" border="0" alt="Haare" /></a><br /><a href="index.php?id=37" onfocus="blurLink(this);"><img src="typo3temp/menu/fcd76c48f3.gif" width="200" height="25" border="0" alt="Manicure" /></a><br /><a href="index.php?id=40" onfocus="blurLink(this);"><img src="typo3temp/menu/f765b168cf.gif" width="200" height="25" border="0" alt="Wellness &amp; SPA " /></a><br /><a href="index.php?id=34" onfocus="blurLink(this);"><img src="typo3temp/menu/b43e0831aa.gif" width="200" height="25" border="0" alt="Produkte" /></a><br /><a href="index.php?id=35" onfocus="blurLink(this);"><img src="typo3temp/menu/a14525b87c.gif" width="200" height="25" border="0" alt="Wer sind wir" /></a><br /></div></td> <td bgcolor="#FFFFFF" width="20%"></td> </tr> <tr> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeLinksOben.jpg" width="100%" height="1" alt="" /></td> <td bgcolor="#FFFFFF" width="30%"><img src="fileadmin/pictures/grafikVierOben.jpg" width="100%" height="1" alt="" /></td> <td bgcolor="#FFFFFF" width="30%"><img src="fileadmin/pictures/grafikVierOben.jpg" width="100%" height="1" alt="" /></td> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeRechtsOben.jpg" width="100%" height="1" alt="" /></td> </tr> <tr> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/grafik1Left.jpg" width="100%" height="360" alt="" /></td> <td colspan="2" bgcolor="#FFFFFF" width="60%"><a name="39"></a><img src="clear.gif" width="1" height="6" border="0" class="spacer-gif" alt="" title="" /><br /><div style="text-align:center;"><table width="740" border="0" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto" class="imgtext-table"><tr><td colspan="1"><img src="clear.gif" width="740" height="1" alt="" /></td></tr><tr><td valign="top"><table width="740" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="uploads/pics/behandlungen-blume.jpg" width="740" height="330" border="0" align="top" alt="" title="" /><br /></td></tr></table></td></tr></table></div></td> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/grafikDreiRechts.jpg" width="100%" height="360" alt="" /></td> </tr> <tr> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeLinksUnten.jpg" width="100%" height="150" alt="" /></td> <td colspan="2" bgcolor="#FFFFFF"><img src="fileadmin/pictures/grafikZweiUnten.png" width="100%" height="150" alt="" /></td> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeRechtsUnten.jpg" width="100%" height="150" alt="" /></td> </tr> </table> </body> </html>

Quelltext FF

HTML-Code:

<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- 
	This website is brought to you by TYPO3 - get.content.right
	TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
--> <style type="text/css">
		/*<![CDATA[*/
	<!--
	/* default styles for extension "tx_mininews_pi1" */
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-title { font-weight:bold; }
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser { margin-bottom:15px; }
	.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-title { font-weight:bold; }
	.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-teaser { margin-top:0px; margin-bottom:10px; }
	.tx-mininews-pi1 .tx-mininews-pi1-singleView P.tx-mininews-pi1-singleViewField-teaser { font-style:italic; margin-top:5px; margin-bottom:10px; }
	.tx-mininews-pi1 .tx-mininews-pi1-browsebox P SPAN.tx-mininews-pi1-browsebox-strong { font-weight:bold; }
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A { color:black; text-decoration:none; }
	.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A:hover { color:black; text-decoration:none; }
	-->
		/*]]>*/
	</style> <link rel="stylesheet" type="text/css" href="fileadmin/css/style.css" /> <title>Behandlungen</title> <meta name="generator" content="TYPO3 3.8 CMS" /> <meta name="AUTHOR" content="Roger Böhlen" /> <meta name="DESCRIPTION" content="Sherins Kosmetikseite" /> <script type="text/javascript">
		/*<![CDATA[*/
	<!--
		browserName = navigator.appName;
		browserVer = parseInt(navigator.appVersion);
		var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
		if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror" || browserName=="Opera") {version = "n3";} else {version = "n2";}
			// Blurring links:
		function blurLink(theObject)	{	//
			if (msie4)	{theObject.blur();}
		}
		
	// -->
		/*]]>*/
	</script> </head> <body bgcolor="#FFFFFF"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FFFFFF" width="20%"></td> <td bgcolor="#FFFFFF" width="30%" height="275"><img src="fileadmin/pictures/Logo.jpg" width="100%" height="161" align="middle" alt="" /></td> <td bgcolor="#FFFFFF" width="30%" align="center" valign="middle"><div align="right"><a href="index.php?id=32" onfocus="blurLink(this);"><img src="typo3temp/menu/53853b6dde.gif" width="200" height="25" border="0" alt="Home" /></a><br /><a href="index.php?id=33" onfocus="blurLink(this);"><img src="typo3temp/menu/bd5999205b.gif" width="200" height="25" border="0" alt="Behandlungen" /></a><br /><a href="index.php?id=36" onfocus="blurLink(this);"><img src="typo3temp/menu/54056234c6.gif" width="200" height="25" border="0" alt="Gesichtspflege, Make-Up" /></a><br /><a href="index.php?id=38" onfocus="blurLink(this);"><img src="typo3temp/menu/b491910561.gif" width="200" height="25" border="0" alt="Haare" /></a><br /><a href="index.php?id=37" onfocus="blurLink(this);"><img src="typo3temp/menu/fcd76c48f3.gif" width="200" height="25" border="0" alt="Manicure" /></a><br /><a href="index.php?id=40" onfocus="blurLink(this);"><img src="typo3temp/menu/f765b168cf.gif" width="200" height="25" border="0" alt="Wellness &amp; SPA " /></a><br /><a href="index.php?id=34" onfocus="blurLink(this);"><img src="typo3temp/menu/b43e0831aa.gif" width="200" height="25" border="0" alt="Produkte" /></a><br /><a href="index.php?id=35" onfocus="blurLink(this);"><img src="typo3temp/menu/a14525b87c.gif" width="200" height="25" border="0" alt="Wer sind wir" /></a><br /></div></td> <td bgcolor="#FFFFFF" width="20%"></td> </tr> <tr> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeLinksOben.jpg" width="100%" height="1" alt="" /></td> <td bgcolor="#FFFFFF" width="30%"><img src="fileadmin/pictures/grafikVierOben.jpg" width="100%" height="1" alt="" /></td> <td bgcolor="#FFFFFF" width="30%"><img src="fileadmin/pictures/grafikVierOben.jpg" width="100%" height="1" alt="" /></td> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeRechtsOben.jpg" width="100%" height="1" alt="" /></td> </tr> <tr> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/grafik1Left.jpg" width="100%" height="360" alt="" /></td> <td colspan="2" bgcolor="#FFFFFF" width="60%"><a name="39"></a><img src="clear.gif" width="1" height="6" border="0" class="spacer-gif" alt="" title="" /><br /><div style="text-align:center;"><table width="740" border="0" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto" class="imgtext-table"><tr><td colspan="1"><img src="clear.gif" width="740" height="1" alt="" /></td></tr><tr><td valign="top"><table width="740" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="uploads/pics/behandlungen-blume.jpg" width="740" height="330" border="0" align="top" alt="" title="" /><br /></td></tr></table></td></tr></table></div></td> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/grafikDreiRechts.jpg" width="100%" height="360" alt="" /></td> </tr> <tr> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeLinksUnten.jpg" width="100%" height="150" alt="" /></td> <td colspan="2" bgcolor="#FFFFFF"><img src="fileadmin/pictures/grafikZweiUnten.png" width="100%" height="150" alt="" /></td> <td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/eckeRechtsUnten.jpg" width="100%" height="150" alt="" /></td> </tr> </table> </body> </html>

**maxhb** · #2 25.03.08, 11:04

Hi!
Lass mal die Angabe width="100%" für das Logo weg.

CU
maxhb

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Gelöst RTE Ansicht	Typomania	TYPO3 4.x Rich Text Editor	6	08.08.08 16:09
Ansicht tt_news	Fraggle	News (tt_news, mininews und Co)	2	02.07.08 15:24
Umstellung von einzelnem Projekt auf utf-8- Bin völlig verwirrt	Lissy	TYPO3 4.x Fragen und Probleme	2	16.06.08 11:42
Gelöst Ansicht umstellen??	El Rolando	Kalender	1	21.02.08 12:01
PayPal Code in TYPO3 HTML Element einfügen => Bild verzerrt	Junior	TYPO3 3.x Fragen und Probleme	0	11.12.06 17:00

Suche

Userpanel

Ansicht im IE völlig verzerrt