---
title: "Firefox und opera gut IE grausam"
url: "https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2008-01-19"
last_reply: "2008-04-21"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Firefox und opera gut IE grausam

Frontend › Styling · 6 Antworten · gestartet 2008-01-19

## Eröffnungsbeitrag

**Camelfighter** · 2008-01-19 · [Beitrag #1](https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam/1)

Hallo.
Habe mal versucht eine Internetseite zubauen
im Firefox und opera alles gut aber im Ie sehr schlecht .danke für hilfe im vorrraus.Hier der Link www.boehse-dartz.de und meine css und html und template.
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

      "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>">

      <?xml version="1.0" encoding="iso-8859-1"?>

<html>

      <head>

<title></title>

      <meta name="author" content="Andreas Roettger">

<link rel="stylesheet" type="text/css" href="index_Andreas.css">

      </head>

      <body>

<div id="Page">

<div id="Start">
              ###START####
              </div>
              <div id="Weiter">
                 ###Weiter###
              </div>
               <div id="INHALT">
                   <!-- ###CONTENT### START-->
                          ###INHALT###
                <!-- ###CONTENT### END-->
              </div>
        </div>

</body>

</html>

body {
background-color:black;
text-align:center;padding:0;margin:0;
 }
div#Page{
width:1024px;
text-align:left;
margin:1em auto;
background-color:black;
}

div#Start {
position:relative;
margin-top:0px;
margin-left:45px;
margin-right:62px;
margin-bottom:120px;
z-index:1;
}

div#Weiter {
position:relative;
margin-top:-250px;
margin-left:600px;
z-index:2;
}
div#INHALT {
position:relative;
width:300px;
height:100px;
margin-top:-80px;
margin-left:200px;
background-color:black;
z-index:2;
}

browser = msie]
config.doctypeSwitch = 1
[GLOBAL]

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/index_andreas.css
config {
doctype = xhtml_trans
xhtml_cleaning = all
xmlprologue = none
htmlTag_langKey = de
metaCharset = iso-8859-1

      }
page.10 = TEMPLATE

page.10 {
       template = FILE
       template.file = fileadmin/index_andreas.html
       marks.START = IMAGE
       marks.START.file =  fileadmin/bilder/Dartzani1.gif
       marks.Weiter = IMAGE
       marks.Weiter.file =  fileadmin/bilder/Klick-mich.jpg
       marks.Weiter.stdWrap.typolink.parameter = 164
      }
 page.10.subparts{
CONTENT < styles.content.get
}
plugin.tt_guest.postform =

Hie von meiner Startseite das andere war die erste seite.

body {
background-color:black;
text-align:center;padding:0;margin:0;
 }
div#Page {
position:relativ;
width:980px;
height:600px;
text-align:left; /* reset wegen IE5-hack */
margin:1em auto;
background-color:black;

}
div#Banner {
position:relative;
margin-top:-40px;
margin-left:100px;
z-index:1;
}

div#Linie {
position:relative;
width:750px;
height:2px;
margin-top:-10px;
margin-left:120px;
background-color:#ca0000;
z-index:1;
}

div#Navi  {
position:relative;
font-color:ca0000;
font-size:18px;
font-family:Allegro BT;
width:100px;
margin-top:20px;
margin-left:20px;
width:150px;
height:500px;
background-color:black;
z-index:1;
}
  div#Navi a {
  color:#ca0000;
  text-decoration: none;
 }
  div#Navi a:link {
  color:#ca0000;
  text-decoration: none;
 }
  div#Navi a:visited {
  color:#ca0000;
  text-decoration:none;
   }
  div#Navi a:hover {
  color:white;
  text-decoration:underline;
   }
  div#Navi a:active {
  color:#ca0000;
  text-decoration: none;
   }
div#INHALT {
position:relative;
width:500px;
height:500px;
z-index:1;
background-color:black;
font-size:18px;
font-color:white;
font-family:Arial;
margin-top:-510px;
margin-left:250px;
padding-top:15px;
}
div#Linieho {
position:relative;
Width:2px;
height:550px;
margin-top:-495px;
margin-left:150px;
background-color:#ca0000;
z-index:1;
}
div#Liniehor {
position:relative;
Width:2px;
height:550px;
margin-top:-545px;
margin-left:840px;
background-color:#ca0000;
z-index:1;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

      "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>">

      <?xml version="1.0" encoding="iso-8859-1"?>

<html>

<head>

<title></title>

      <meta name="author" content="Andreas Roettger">

<link rel="stylesheet" type="text/css" href="Startseite.css">

      </head>
    <!-- ###DOCUMENT_BODY### START-->
       <div id="Page">
         ###Page###

                <div id="Banner">
                  ###Banner###
                </div>

                <div id="Linie"> </div>

                <div id="Navi">
                 <!-- ###MENU### START-->

[browser = msie]
config.doctypeSwitch = 1
[GLOBAL]

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/Startseite.css
page.10 = TEMPLATE
page.10 {
       template = FILE
       template.file = fileadmin/Startseite.html
       page.10.workOnSubpart = DOCUMENT_BODY
       marks.Banner = IMAGE
       marks.Banner.file =  fileadmin/bilder/startseitebanner.jpg
       #marks.Weiter = IMAGE
      # marks.Weiter.file =  fileadmin/bilder/Klick-mich.jpg
      # marks.Weiter.stdWrap.typolink.parameter = 33
      }
page.10.subparts{
CONTENT < styles.content.get
#Der Subpart MENU ist ein hierachisches Menü
MENU = HMENU
#Die 1. Ebene des Menüs ist ein Textmenü
MENU {
       1 = TMENU
       1.NO = 1
      #Die Einträge werden umschlossen von
       1.NO.allWrap = <img src= "fileadmin/bilder/but.jpg">
       1.NO.linkWrap = &nbsp;&nbsp;| <p>
       #1.NO.allWrap =  <div class="level1">|</div>
      }
    }

## Antworten

### [#2](https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam/2) · lemminge · 2008-01-19

Uhhhh,

> Die folgende Internetseite ist für den IE nicht geeignet

geht garnicht :)

Browserinkompatibilität ist schrecklich. Krass wirds, wenn es im ff unter windows anders aussieht als im ff unter linux!

Eventuell solltest du dich mal mit Browserweichen beschäftigen. Würds mit jez gern im IE angucken, aber den hab ich nicht drauf.

### [#3](https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam/3) · Dander · 2008-01-23

Allgemein sind zur Fehlersuche Programme wie Firebug(Firefox) oder
die IE Developer Toolbar (Internet Explorer) zu empfehlen.

und der div "linie" braucht warscheinlich nur ein overflow: hidden

### [#4](https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam/4) · cope · 2008-01-23

Hallo,

zuerst immer versuchen, die Seite zu validieren. 80% der Fehler lassen sich da schon ausmerzen. CSS bspw.

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

HTML auch immer prüfen lassen...

Wenn das soweit glatt gezogen ist, mit web developer, ie developer und firebug
den Rest suchen

LG
Cope

### [#5](https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam/5) · teddy86 · 2008-01-28

gott sei dank ist der ie7 nicht mehr so fehleranfällig wie seine vorgänger, solange man den richtigen document type verwendet..

habe gesehen, den xml teil hast du schon rausgenommen, da hiermit die alten browser nicht klar kommen. dann optimieren, optimieren, optimieren. browserweichen sind quatsch, sowas hab ich noch nie gebraucht. funktioniert auch bestens ohne, wenn man weiß wie...

greetz
teddy

### [#6](https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam/6) · just2b · 2008-01-28

> **teddy86 schrieb:**
>
> gott sei dank ist der ie7 nicht mehr so fehleranfällig wie seine vorgänger, solange man den richtigen document type verwendet..
>
> habe gesehen, den xml teil hast du schon rausgenommen, da hiermit die alten browser nicht klar kommen. dann optimieren, optimieren, optimieren. browserweichen sind quatsch, sowas hab ich noch nie gebraucht. funktioniert auch bestens ohne, wenn man weiß wie...
>
> greetz
> teddy

sorry aber dein beitrag hilft jetzt inwieweit?

### [#7](https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam/7) · Sake · 2008-04-21

Was auch helfen kann ist die default css Einstellungen "sämtlicher" Browser erstmal auf 0 zu setzen und alles selber zu formatieren. Klingt am Anfang erstmal umständlich, spart aber im Endeffekt viel Zeit.

Hier ein artikel zur reset.css

<http://www.drweb.de/csstechnik/css-reset.shtml>

Hier direkt die reset.css

<http://cssninja.de/reset.css>

---

Quelle: „Firefox und opera gut IE grausam“, typo3.net, https://www.typo3.net/d/72631-firefox-und-opera-gut-ie-grausam
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.