• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellungsfehler IE6

Status
Für weitere Antworten geschlossen.
I

Icy

Neues Mitglied
Hallo,
erstmal vorweg die Seite, um die es geht:
westhues.de.vu - Scripts, Tutorials und mehr

Mich stören einige Darstellungsfehler im IE6. Im Firefox und wie mir gesagt wurde IE7 wird alles so angezeigt wie es sein soll.
Im IE6 gibt es jedoch zwei Fehler:

- Randgrafiken von Header -> Content sowie Content -> Footer gehen nicht nahtlos ineinenader über (Screen)

- Abstand des Contents zur Navigation wird ignoriert


Hier die style.css und index.php:


Code: 
body {
    background-color: #CCC;
    color: #444444;
    text-align: left;
    font-family: Verdana, Tahoma, arial, sans-serif;
    font-size: 12px;
}


a, a:visited {
    color: blue;
    text-decoration: none;
}


a:hover {
    color: red;
    text-decoration: none;
}


#main {
    width: 801px;
    background: white url(../images/content.jpg) repeat-y center top;
    margin-right: auto;
    margin-left: auto;
}


#header {
    height: 103px;
    width: 800px;
    background: #CCC url(../images/header.jpg) no-repeat center top;
}


#header h1 {
    color: orange;
}


#line {
    height: 20px;
    width: 800px;

}


#title {
    width: 566px;
    height: 30px;
    float: right;
    text-align: left;
    font-size: 12px;
    color: orange;
    font-weight: bold;
    line-height: 10px;
}


#navi {
    width: 199px;
    float: left;
    min-height: 300px;
    font-size: 10px;
    border-right: 1px dotted;
}


#navi ul {
    text-align: left;
    list-style-type: none;
    line-height: 20px;
}


#navi ul .head {
    font-size: 12px;
    font-weight: bold;
}


#navi p {
    margin-left: 40px;
}


#navi a {
    font-size: 12px;
}


#content {
    width: 566px;
    position: relative;
    float: right;
    text-align: left;
    margin-right: 18px;
}


#content th, #content td {
    font-size: 12px;
    text-align: left;
}


#footer {
    width: 800px;
    height: 90px;
    clear: both;
    text-align: center;
    font-size: 10px;
    background: #CCC url(../images/footer.jpg) no-repeat center top;
}


#footer a {
    text-decoration: none;
    font-size: 10px;
}
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html>
<head>
  <title>westhues.de.vu - Scripts, Tutorials und mehr</title>

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

<!-- viele Meta-Angaben -->

</head>

<?php include ("./admin/includes/config.php"); ?>

<body>
  <div id="main">
    <div id="header">
    </div>

    <div id="line">
    </div>

    <div id="navi">
      <?php include ("includes/navi.php"); ?>
    </div>

    <div id ="content">

    <div id="title" style="background-color: white; ">
      <br />
      <?php 
    include ("includes/title.php");
    echo "   ".$title;
      ?>
    </div>

      <?php
        if (!isset($_GET['action'])) {
      $action = "content/start.php";
        } else {
      if ($_GET['action'] == "guestbook") {
        $action = "content/guestbook/index.php";
      } else {
        $action = "content/".$_GET['action'].".php";
      }
        }

    include ($action);
      ?>
      <br /><br />
    </div>

    <div id ="footer">
      <br /><br />
      <?php include ("includes/footer.php"); ?>
    </div>

  </div>
</body>


</html>
Ich hoffe ihr könnt mir helfen :-)

MfG Icy
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben