---
title: "IE7 und Firefox Anzeige anpassen"
url: "https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2007-06-05"
last_reply: "2007-06-12"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# IE7 und Firefox Anzeige anpassen

Frontend › Styling · 7 Antworten · gestartet 2007-06-05

## Eröffnungsbeitrag

**stephan261** · 2007-06-05 · [Beitrag #1](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/1)

Hi,
in meiner Seiten-Darstellung zeigen sich deutliche Unterschiede zwischen IE7 und FF. Ich habe die Seite in Richtung IE7 gebaut. Dort läuft auch alles optimal... Die Darstellung in FF ist jedoch extrem verschoben.

Ich habe schon diverse Änderungen des Doctyps bisher leider ohne Erfolg durchgeführt.
z.B.: config.doctype = xhtml_trans

Gibt es abgesehen von CSS-Hacks noch andere Möglichkeiten das Ganze auf TS-Basis zu regeln??

## Antworten

### [#2](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/2) · fuss · 2007-06-05

> Gibt es abgesehen von CSS-Hacks noch andere Möglichkeiten das Ganze auf TS-Basis zu regeln??

Nö. Einzige Abhilfe ist, das CSS anzupassen & mal durch den validator zu jagen, um Fehler im XHTML/CSS auszuschliessen.

<http://validator.w3.org/>
<http://jigsaw.w3.org/css-validator/>

> Ich habe die Seite in Richtung IE7 gebaut. Dort läuft auch alles optimal...

Aha. Nächstes mal besser einen standard-konformen Browser benutzen, wie z.B. den FF, dann hast Du weniger Arbeit, es auf dem Internet Exploder einwandfrei hinzubekommen.

Poste doch mal nen Link zu Deiner Seite, damit man sich das Problem mal angucken kann.

gruss, fuss[/quote]

### [#3](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/3) · stephan261 · 2007-06-05

Hi,

hier die Seite: <http://www.leuchtfeuer-gemeinde.de/typo/index.php?id=60>

hier die css-Datei: (ist noch nicht schön gemacht... :o )

```css
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
text-align: center;  
min-width: 40em; 
}

div#Seite {
text-align: left;       				                margin: 0 auto;   
top:200;
width: 815px;
padding: 0;
}
div#Rahmen {
position: relative;
text-align: left;    
top:-730;
margin: 0 auto;      
height:505px;
width: 817px;
padding: 0;
background: transparent;
border: 1px solid #ddd;
}
div#mittlere_spalte {
font-family:  Arial, Verdana, sans-serif;
font-size: 14;
position: relative;
top:-240px;
width: 150px;
height: 220px;
left: 45px;
    				
text-align: center;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}

div#logo {
position: relative;
top:15px;
width: 155px;
height: 45px;
left: 24px;

visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#flash {
position: relative;
top:20px;
width: 815px;
height:185px;
    				
left: 1px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}

div#inhalt {
font-family:  Arial, Verdana, sans-serif;
font-size: 14;
position: relative;
top:20px;
width: 560px;
height: 220px;
left: 240px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#untermenue {
font-family:  Arial, Verdana, sans-serif;
color: #000000;
font-size: 14;
position: relative;
top:5.5px;
width: 600px;
height: 15px;
left: 200px;

z-index:2;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}

div#zeile_untermenue {
position: relative;
top:25;
width: 815px;
height: 15px;
left: 1px;
visibility: visible;
margin: 0 0;
padding: 0 0;
height: 15px;
background: #A4FF06;
}
* html div#text {
height: 16em;  
margin-bottom: 0;
}
```

### [#4](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/4) · stephan261 · 2007-06-05

sorry ... jetzt nochmal neuer Versuch:

url: <http://www.leuchtfeuer-gemeinde.de/typo/index.php?id=60>

CSS-Datei:

color: black; background-color: white;
    				font-size: 100.01%;
    				font-family: Helvetica,Arial,sans-serif;
    				margin: 0; padding: 1em;
    				text-align: center;  /* Zentrierung im Internet Explorer */
    				min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */

}

div#Seite {
    				text-align: left;    /* Seiteninhalt wieder links ausrichten */
    				margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
				top:200;
    				width: 815px;
    				padding: 0;

}
				div#Rahmen {
    				position: relative;
    				text-align: left;    /* Seiteninhalt wieder links ausrichten */
    				top:-730;
    				margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
				height:505px;
    				width: 817px;
    				padding: 0;
    				background: transparent;
    				border: 1px solid #ddd;

}

div#mittlere_spalte {
				font-family:  Arial, Verdana, sans-serif;
				font-size: 14;
				position: relative;
    				top:-240px;
    				width: 150px;
    				height: 220px;
    				left: 45px;

				text-align: center;
    				visibility: visible;
    				margin: 0 5em 0 0em;
    				padding: 0;
    				background:transparent;

}

div#logo {
					position: relative;
    				top:15px;
    				width: 155px;
    				height: 45px;
    				left: 24px;

visibility: visible;
    				margin: 0 5em 0 0em;
    				padding: 0;
    				background:transparent;

}

div#flash {
					position: relative;
    				top:20px;
    				width: 815px;
    				height:185px;

    				left: 1px;
    				visibility: visible;
    				margin: 0 5em 0 0em;
    				padding: 0;
    				background:transparent;
					}

div#inhalt {
				font-family:  Arial, Verdana, sans-serif;
				font-size: 14;
				position: relative;
				    top:20px;
				    width: 560px;
				    height: 220px;
				    left: 240px;
				    visibility: visible;
				    margin: 0 5em 0 0em;
				    padding: 0;
				    background:transparent;

}

div#untermenue {
				font-family:  Arial, Verdana, sans-serif;
				color: #000000;
				font-size: 14;
				position: relative;
    				top:5.5px;
    				width: 600px;
    				height: 15px;
    				left: 200px;

z-index:2;
    				visibility: visible;
    				margin: 0 5em 0 0em;
    				padding: 0;
    				background:transparent;

}

div#zeile_untermenue {
					position: relative;
					top:25;
					width: 815px;
					height: 15px;
					left: 1px;
				    visibility: visible;
					margin: 0 0;
					padding: 0 0;
					height: 15px;
					background: #A4FF06;

}

* html div#text {
    				height: 16em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    				margin-bottom: 0;
  					}

### [#5](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/5) · fuss · 2007-06-05

Wie ich bereits schrieb:

> <http://validator.w3.org/>
> <http://jigsaw.w3.org/css-validator/>

Dann kommst Du Deinem Ziel schonmal näher ;)

### [#6](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/6) · stephan261 · 2007-06-11

Alles klar, ich habe darüber ein paar Fehler gefunden und behoben. Die Anzeige ist jedoch nach wie vor zu stark abweichend.

trotzdem vielen Dank für die Hilfe
Gruß Stephan

### [#7](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/7) · fuss · 2007-06-11

Schmeiss erstmal das doppelte body tag raus, und dann ersetzt Du das umschließende <center> tag gegen ein div id="container" welcher dann im css eine feste Breite bekommt. Dann sollte schnmal besserung eintreten.

Ist es notwendig, dass das Menü durch einen iframe Eingebunden wird? Weil wenn nicht -wovon ich ausgehe ;)-, dann pack das so in Dein HTML-Template, schön in ein div mit der id untermenu, oder wie auch immer Du es nennen willst ;)

gruss, fuss

### [#8](https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen/8) · stephan261 · 2007-06-12

Hi,
... danke für die schnelle Antwort. Ich passe die Html-Datei entsprechend an. Das iFrame brauche ich, um den Flash-Film konstant abzuspielen. Dieser wiederholt (durch refresh) sich ständig, wenn ich innerhalb der Untermenüzeile navigiere.
Das Ganze lief vorher komplett unter Flash deutlich performanter, wie ich meine:
<http://www.leuchtfeuer-eutin.de/Leuchtfeuer-Gemeinde.html>

Ich versuche das Ganze jetzt halt mit Typo3 umzusetzen.

---

Quelle: „IE7 und Firefox Anzeige anpassen“, typo3.net, https://www.typo3.net/d/63476-ie7-und-firefox-anzeige-anpassen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.