Dave: CSS - Darstellung im IE & Firefox

SELF-Forum

CSS - Darstellung im IE & Firefox

Dave Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,
ich stelle meine Homepage gerade auf CSS um. Jetzt habe ich das Problem, dass der IE die Seite korrekt darstellt, Firefox jedoch
macht einen Fehler.

Die Seite soll so gegliedert sein:
------ oben --------
-- links - rechts --
------ unten -------

Im Bereich unten wird die Hintergrundfarbe bei Firefox jedoch nicht
angezeigt.

###################################################################
Hier das Beispiel (HTML-Datei):

<html>

<head>
  <link href="css/design2.css" rel="stylesheet" Type="text/css" />
</head>

<body class="body">
<div>
 <div class="tabelle-1">
  OBEN
 </div>

<div class="zentral">
  <div id="links">
   LINKS
  </div>

<div id="rechts">
   RECHTS
  </div>
 </div>

<div class="unten">
  UNTEN
 </div>
</div>

</body>
</html>

###################################################################

Die CSS-Datei:

.body {
 TEXT-ALIGN: center; MARGIN-TOP: 0px; margin-bottom: 0px;
}

.tabelle-1 {
 WIDTH: 784px; HEIGHT: 103px; MARGIN: 0px auto; BACKGROUND-COLOR: #2F364F
}

.zentral {
 WIDTH: 784px; MARGIN: 0px auto
}

.unten {
 WIDTH: 784px; HEIGHT: 19px; MARGIN: 0px auto; BACKGROUND-COLOR: #2F364F
}

#links {
 WIDTH: 138px; HEIGHT: 835px; background-image:url('../bilder/hintergrund_seite.JPG'); FLOAT: left
}

#rechts {
 WIDTH: 646px; HEIGHT: 835px; BACKGROUND-COLOR: #E3E7EE; FLOAT: right
}

###################################################################

Kann mir jemand sagen, wo der Fehler liegt ?
(Der Fehler, dass die Hintergrundfarbe nicht angezeigt wird, besteht nur bei Firefox. Beim IE ist die Darstellung korrekt)

Danke

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS - Darstellung im IE & Firefox

    afra
    – Informationen zu den Bewertungsregeln

    HalloDave!

    Deine Seite hat eine Krankheit: Divititis

    Aber wenn Du den Style so anpasst, dann sieht es wohl so aus, wie du das willst. Versuche Dich nochmals mit float auseinander zu setzen.

    <!-- ausschnitt start -->

    <style type="text/css">
    .body {
     TEXT-ALIGN: center; MARGIN-TOP: 0px; margin-bottom: 0px;
    }

    #tabelle {
     WIDTH: 784px; HEIGHT: 103px; MARGIN: 0px auto; BACKGROUND-COLOR: #2F364F
    }

    #zentral {
     WIDTH: 784px; MARGIN: 0px auto
    }

    #links {
     WIDTH: 138px; HEIGHT: 835px; FLOAT: left
    }

    #rechts {
     WIDTH: 646px; HEIGHT: 835px; BACKGROUND-COLOR: #990000; FLOAT: right
    }

    #unten {
    clear:both;
     WIDTH: 784px; HEIGHT: 19px; MARGIN: 0px auto; BACKGROUND-COLOR: #009900
    }
    </style>
    </head>

    <body class="body">
     <div id="tabelle">
      OBEN
     </div>

    <div id="zentral">
      <div id="links">
       LINKS
      </div>

    <div id="rechts">
       RECHTS
      </div>
     </div>

    <div id="unten">
      UNTEN
     </div>

    </body>

    <!-- ausschnitt ende -->

    Schönen Gruß

    Afra

    --
    Die Partei RLP
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln