Zum Inhalt springen

Unterschiedliches Design im Firefox und IE

Erstellt am 1. Dezember 2006 · 5 Antworten · letzte Antwort am 2. Dezember 2006

Tags: HTML & CSS, Frage

Lavista ·

Hallo,

Ich habe die Webseite nun fast fertig erstellt. Da die Vorschau immer im IE angezeigt wird, war das bisher noch alles kein Problem. Wenn ich die Webseite nun mit dem Firefox öffne, sind die Formatierungen ganz anders. Es sieht fast aus, als würden die CSS Formatierungen nicht übernommen werden.
Weiss da jemand weiter wie man das beheben kann?

Lavista ·

Hier ist mein TS. Link habe ich keinen da die Seite bisher nirgends hochgeladen wurde.
Damit ihr eine Vorstellung habt wie es aussieht:
Aufgebaut ist das ganze duch eine Tabelle. Die linke Spalte ist der Text und in der rechten Spalte (Hintergrund farbig) ist ein Bild mit ein paar URLs unten drunter. Das Bild soll genauso breit sein wie die Spalte. Im IE ist das auch der Fall, aber im Firefox ist Links und Rechts vom Bild noch Platz.

config.admPanel = 1
//Admin Panel aktiviert

styles.content.getAdditional < styles.content.get
styles.content.getAdditional.select.where = colPos=4
styles.content.getAdditional.select.where = colPos=5
styles.content.getAdditional.select.where = colPos=6
styles.content.getAdditional.select.where = colPos=7
styles.content.getAdditional.select.where = colPos=8
styles.content.getAdditional.select.where = colPos=10 //Bildgr
styles.content.getAdditional.select.where = colPos=11 //Uber
styles.content.getAdditional.select.where = colPos = 12 //Footer

//Template Selector
plugin.tx_rlmptmplselector_pi1.templatePathMain = fileadmin/templates/main/
plugin.tx_rlmptmplselector_pi1.templatePathSub = fileadmin/templates/sub/

page {
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/Menu.js"></script>
}

page = PAGE
page.typeNum = 0
page {
	bodyTag = <body>
	includeCSS {  
    	file1 = fileadmin/vorlage.css
	}

10 = TEMPLATE
10 {
template =< plugin.tx_rlmptmplselector_pi1
		
marks.MENU = HMENU
marks.MENU {
	special = directory
	special.value = 1

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav"><ul> |</ul>
	noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1	
	2.wrap = <ul>|</ul>

	3 < .2
	4 < .2
}


		marks.CONTENT = CONTENT
                                marks.CONTENT {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 0

			}

		marks.Text3=  CONTENT
                                marks.Text3 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 3
			}

		marks.Text2=  CONTENT
                                marks.Text2 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 2
			}

		marks.Text1=  CONTENT
                                marks.Text1 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 1
			}

		marks.Text4=  CONTENT
                                marks.Text4 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 4
			}

		marks.Text5=  CONTENT
                                marks.Text5 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 5
			}

		marks.Text6=  CONTENT
                                marks.Text6 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 6
			}

		marks.Text7=  CONTENT
                                marks.Text7 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 7
			}

		marks.Text8=  CONTENT
                                marks.Text8 {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 8
			}
		marks.Bildgr= CONTENT
                                marks.Bildgr {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 10
			}

marks.Footer = RECORDS
marks.Footer {
    tables = tt_content
   source = 29
}

		marks.bd= IMAGE
marks.bd.file = fileadmin/img/logo.gif

		marks.back= IMAGE
marks.back.file = fileadmin/img/home.jpg

marks.pfeil= IMAGE
marks.pfeil.file = fileadmin/img/arrow.gif

}

[/img]

shue ·

Hallo Lavista,

ich nehme mal an (ohne mir Dein TS groß angeguckt zu baben, da bin ich ja auch noch Anfängerin), dass es ein reines CSS-Problem ist und nicht an Typo3 selbst liegt. Das fände ich jedenfalls nicht logisch, wenn der IE bzw. Typo3 mit IE, macht was es soll.

IE und FF stellen Sachen nicht gleich dar - eine Krux für jeden, der schöne Websites machen will 😉 - aber es ist nunmal so. Insofern könntest Du versuchen, Deinen HTML-Code (den Dir Typo3 generiert) lokal zu speichern und am CSS so lange rumzubauen, bis es auch im FF akzeptabel aussieht. Und dann wäre z. B. eine Browserweiche eine Möglichkeit: Damit kannst Du dem FF ein anderes CSS zuweisen als dem IE.

Um Dir detaillierter was zu raten, müsstest Du schon einen Link zu Deiner Site und evtl. das HTML und CSS dazu rausrücken oder es mal online stellen. 😉

Wenn wir das Phänomen sehen, fällt uns vielleicht auch ne Lösung ein...

LG, Sarah