✔ Problem mit Firefox und IE

Status
Nicht offen für weitere Antworten.
TeQs

TeQs

Mitglied
Hallo,
ich habe zwei unterschiedliche Probleme mit Firefox und dem Internet Explorer. Fangen wir mit dem Code an:
index.html
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>k1k0.underseek.de</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div id="head"></div>
    <div id="middleft"></div>
    <div id="middle">
      <div id="menu"></div>
      <div id="line"></div>
      <div id="content"></div>
    </div>
    <div id="middleright"></div>
    <div id="footer"></div>
  </body>
</html>
style.css
Code: 
body {
background-color : #F1F1F1;
}
#head {
width : 592px;
height : 114px;
background-image : url(./img/design-k1k0_02.gif);
}
#middleft {
width : 89px;
height : 291px;
background-image : url(./img/design-k1k0_04.gif);
float : left;
}
#middle {
float : left;
}
#menu {
width : 69px;
height : 291px;
background-color : #7b3939;
float : left;
}
#line {
width : 14px;
height : 291px;
background-image : url(./img/design-k1k0_06.gif);
float : left;
}
#content {
width : 305px;
height : 291px;
background-color : #7b3939;
}
#middleright {
width : 115px;
height : 291px;
background-image : url(./img/design-k1k0_08.gif);
}
#footer {
width : 592px;
height : 95px;
background-image : url(./img/design-k1k0_09.gif);
}
Das Firefox Problem:
Firefox zeigt den "middleright" div nicht an! Außerdem ist "content" keine 305px groß!

Das IE Problem: IE lässt kleine flächen zwischen "line" und "content" und "content" und "middleright" frei.

Sehr wahrscheinlich ahb ich mich wieder irgendwo vertippt...

Hier die Seite online: http://underseek.de/k1k0/
 
Zuletzt bearbeitet:
Hi,

versuch es mal mit den folgenden Erweiterungen:

Code: 
<div id="wrap">
    <div id="head"></div>
    <div id="middleft"></div>
    <div id="middle">
      <div id="menu"></div>
      <div id="line"></div>
      <div id="content"></div>
    </div>
    <div id="middleright"></div>
    <div id="footer"></div>
</div>
Code: 
#wrap {
width: 592px;
}

#line {
width : 14px;
height : 291px;
background-image : url(./img/design-k1k0_06.gif);
float : left;
margin-right: 0 !important;
margin-right: -3px;
}

#content {
width : 305px;
height : 291px;
background-color : #7b3939;
margin-left: 83px !important;
margin-left: 80px;
}

#middleright {
width : 115px;
height : 291px;
background-image : url(./img/design-k1k0_08.gif);
float: right;
}

#footer {
clear: both;
width : 592px;
height : 95px;
background-image : url(./img/design-k1k0_09.gif);
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück