Probleme in verschiedenen Browsern

[webmasterFF]

Hallo Forum,

ich habe einmal mehr eine Frage an die erfahrenen Programmierer und Designer unter euch.

Ich habe zum ersten Mal eine Website mit <div> erstellt und ja. Da fangen die Probleme schon an.
Wie immer habe ich einen kapitalen Fehler gemacht und mir das "Produkt" zwar im IE angeschaut, aber eben vergessen im Safari und im Firefox das gleiche zu tun.

Lange rede kurzer Sinn: die Website wird nur im IE richtig und fehlerfrei dargestellt.

Im Firefox als auch im Safari verschieben sich die divs wahrlos und folgen nicht dem Code.

Hier ist mal der Link zur Website: Fourtec - Quadtechnik

Was auffällt ist, dass im IE alles stimmt, im FF und Safari aber die ganze Website rechts dargestellt wird und das foother-div sich nach oben verschiebt.

Zum Darstellen der divs habe ich folgenden Code benutzt:

<style type="text/css"><!--
* { margin: 0;
    padding: 0;}
 
/* Höhen- und Breitenanpassung zu 10%; Scrollbar ausblenden */
body, html{ width: 100%;
            height: 100%;
            overflow: hidden;}
 
/* BG-Image auf unterste Ebene anordnen */
#bgImg{ position: absolute;
        top: 0;
        left: 0;
        border: 0;
        z-index: 0;}
/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv{ position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          overflow: auto;
          width: 100%;
          height: 100%;
          text-align: center;}
 
/* Layoutelemente */
#mainDiv{ width: 600px;
          height: 100px;
          text-align: left;
          margin: 0px auto;}
#headDiv{ border: 0px solid #000;
          background: #;}
#contentDiv{ border: 0px solid #000;
             background: #;
             margin-top: 2px;
             height: 1000px;}
#footerDiv{ border: 0px solid #000;
            background: #;
            margin-top: 2px;}
//-->
</style>

Hat jemand eine Idee wie ich da Abhilfe schaffen kann ??

DANKE!

 

[Elroy]

Hallo.

<meta name="generator" content="Sefrengo / www.sefrengo.org" />

Wurde die Seite mit diesem CMS erstellt? Wenn ja besorg dir besser ein anderes CMS.

Du hast auf der Seite ein externes Styleshet, ein eingebundenes Stylesheet und jede Menge inline Styles.
Ein Alptraum für jeden der versucht zu helfen.

Eine Seite wird mit margin: 0 auto; zentriert aber frag mich nicht wo du das jetzt setzten musst.

Dir fehlt der Doctype, du hast ein Tabellenlayout, du verwendest invalide Tags die schon lange nicht mehr benutzt werden und von Semantik hast du anscheinend noch nie etwas gehört. Wie schon gesagt ich vermute daran ist das CMS schuld.

Tut mir leid das ich dir bei so einer Seite nicht weiterhelfen kann.

Gruss
Elroy