Seite im IE weiß

Status
Nicht offen für weitere Antworten.

Chronix

Erfahrenes Mitglied
Hi!
Ich habe eine kleine Seite für ein Projekt erstellt (bei der Entwicklung im Firefox getestet) und wollte nun nach 2 Tagen mal im Internetexplorer testen aber da bleibt die Seite komplett weiß. Der Quellcode wird richtig übermittelt aber die Seite bleibt weiß.
Auch beim Safari von einem Freunde (hab mein xampp mal für ihn übers netz zugänglich gemacht) das selbe Problem.
Benutze hauptsächlich css im Design.

Hat jemand eine Idee warum die Seite so absolut weiß ist?
 
Hi,

ohne einen Blick in den Quellcode lässt sich das nur schwer sagen.
 
Index.php (html ausgabe)
Code:
<html>
  <head>
    <title>Wilkommen im AirsoftVZ</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/textformate.css">
    <link rel="stylesheet" type="text/css" href="css/id.css">
    <link rel="stylesheet" type="text/css" href="css/forms.css">
    
    <script language="JavaScript" src="js_scripts.js">

  </head>
  <body>
      <center>
      <div class="seite">
          <div class="kopf">
              <div class="logo" >
              </div>
              <div class="kopfzeile">
                  <div class="oben">

                      <div class="functionbar">
                          <a href="index.php?ownprofile">mein profil</a>
                          <a href="index.php?hilfe">hilfe</a>
                          <a href="index.php?logout">logout</a>
                      </div>
                  </div>
                  <div class="unten">

                                    </div>
              </div>
          </div>
          <div class="pbody">
              <div class="menu">
              <div class="mainnavigation">
    <div><a href="index.php?content=home">Startseite</a></div>
    <div><a href="index.php?content=profil&id=1">Mein Profil</a></div>

    <div>Meine Freunde</div>
    <div>Meine Fotos</div>
    <div>Meine Gruppen</div>
    <div><a href="index.php?content=nachrichten">Nachrichten</a></div>
    <div>Account</div>
    <div>Einstellungen</div>

</div>
    <div class="randomuser">
        <a href="index.php?content=profil&id=3">
            <div class="image"><img src="img/users/3.jpg"></div>
            <div class="name">Erdh&ouml;rnchen</div>
            <div class="wohnort">Duisburg</div>
        </a>
    </div>

        <div class="randomuser">
        <a href="index.php?content=profil&id=2">
            <div class="image"><img src="img/users/2.jpg"></div>
            <div class="name">Pinguin</div>
            <div class="wohnort">Duisburg</div>
        </a>
    </div>
        <div class="randomuser">

        <a href="index.php?content=profil&id=1">
            <div class="image"><img src="img/users/1.jpg"></div>
            <div class="name">chronix</div>
            <div class="wohnort">Duisburg</div>
        </a>
    </div>
                  </div>
              <div class="inhalt">

              <div id="startseite"><img src="img/startseite_topleft.jpg"/></div>
Einladungstext
<p>Registrier dich <a href="index.php?content=register">JETZT</a>!</p>
              </div>
          </div>
      </div>
      </center>
  </body>
</html>

style.css
Code:
*{
    margin: 0Px;
    padding: 0Px;
}

body{
    background-color: #fff;
    font-family: Arial;
    font-size: 12Px;
}

div{
    text-align: left;
}

ul{
    margin-left: 20Px;
}

li{
    margin-top: 3Px;
}

div.seite{
    width: 760Px;
}

div.kopf{
    height: 64Px;
}

div.logo{
    width: 150Px;
    height: 63Px; /* 1 Px Border bottom */
    float: left;
    border-bottom: 1Px solid #43681C;
    background-image: url(../img/logo.jpg);
}

div.kopfzeile{
    width: 610Px;
    float: right;
    background-image: url(../img/kopfzeile.jpg);
}
div.kopfzeile .oben{
    height: 34Px;
}
div.kopfzeile .unten{
    height: 30Px;
    color: #61b1f1;
    vertical-align: bottom;
    font-size: 16Px;
    font-weight: 600;
    padding-left: 10Px;
}  

div.pbody{
}

div.menu{
    float: left;
    width: 150Px; 
    padding-top: 20Px;       
}

div.inhalt{
    float: right;
    width: 588Px;/* 2*10 Px Padding; */
    border: 1Px solid #003c99;
    
    padding: 10Px;

    min-height: 400Px;
}

div.mainnavigation{
}
div.mainnavigation div{
    border-bottom: 1Px solid #000;
    margin-bottom: 2Px;
}

div.functionbar{
    float: right;
    padding-right: 5Px;
    padding-top: 2Px;
    border-bottom: 1Px solid #000;
}
div.functionbar a{
    color: #000;
    font-size: 9Px;
    text-decoration: none;
    margin-left: 10Px;
}

dl.register{
}
dl.register dt{
    color: #aaa;
    font-size: 12Px;
}
dl.register dd{
    margin-left: 5Px;
    margin-bottom: 10Px;
}
dl.register p{
    margin-top: 25Px;
    font-size: 14Px;
}
dl.register input[type=button]{
    width: 70Px;
    color: #fff;
    background-color: #003c99;
    font-size: 12Px;
}



div.home{
    padding-top: 50Px;
}
div.home div.links{
    width: 150Px;
    float: left;
    text-align: center;
}
div.home div.rechts{
    width: 433Px;
    float: right;
    font-size: 11Px;
}
div.home div.rechts b{
    font-size: 12Px;
    border-bottom: 1Px solid #000;
}



div.profil{
    padding-top: 25Px;
}
div.profil div.links{
    width: 150Px;
    float: left;
}
div.profil div.links div.img{
}
div.profil div.links div.aktionen{
    color: #003c99;
    font-weight: 600;
}
div.profil div.links div.aktionen ul a{
    color: #000;
    font-size: 10Px;
    text-decoration: none;
}
div.profil div.links div.aktionen ul a:hover{
    background-color: #61b1f1;
}
div.profil div.rechts{
    width: 433Px;
    float: right;
}
div.profil div.rechts pre{
    width: 398Px;
    padding: 1Px;
    background-color: #61b1f1;
    border-bottom: 3Px solid #003c99;
    font-weight: 600;
}
div.profil div.rechts h1{
    font-size: 12Px;
    font-weight: 600;
    margin-top: 20Px;
    color: #003c99;
}
div.profil div.rechts table.profiltabelle{
}
div.profil div.rechts table.profiltabelle td.links{
    width: 100Px;
    font-weight: 600;
    color: #aaa;
}
div.profil div.rechts table.profiltabelle td.rechts{
}



div.randomuser{
margin-top: 30Px;
}
div.randomuser a{
    border: 0Px solid #000;
}
div.randomuser div{
    text-align: center;
}
div.randomuser div.image{
}
div.randomuser div.name{
    font-size: 12Px;
    font-weight: 600;
    color: #000;
}
div.randomuser div.wohnort{
    font-size: 9Px;
    font-weight: 400;
    color: #aaa;
}



div.messages{
}
div.messages tr.head{
    font-weight: 600;
}
div.messages td.von{
    width: 100Px;
}
div.messages td.an{
    width: 100Px;
}
div.messages td.betreff{
}



div.nachricht{
    width: 500Px;
    border: 1Px solid #000;
    min-height: 300Px;   
}
div.nachricht div{
    padding-left: 2Px;
    padding-top: 2Px;
}
div.nachricht b{
    color: #000;
}
div.nachricht div.von{
    width: 98Px;
    float: left;
    background-color: #61b1f1;
    color: #003c99;
    border-bottom: 1Px solid #000;
}
div.nachricht div.betreff{
    width: 398Px;
    float: right;
    background-color: #003c99;
    color: #61b1f1;
    border-bottom: 1Px solid #000;
}
div.nachricht div.text{
    float: bottom;
}

Hier der gesamte code!
Die *.js Datei ist noch leer, die *.css Dateien die ich nicht beigefügt habe sollten keinen Fehler enthalten.. wenn der gepostete Code nichts enthält reiche ich die Dateien nach.
 
Zuletzt bearbeitet:
Vermutlich liegt's am fehlenden </script>-Tag.

Code:
<script language="JavaScript" src="js_scripts.js"></script>
 
Hmm
das </script> fehlt...
sonst nochmal
durchgucken....

oh
da warste wohl schneller^^
naja
Was hat denn gleich am Anfang das * zu bedeuten
das würd ch rausnehmen
vllt klappts dann
 
ihr habt recht, lag am fehlenden "</script>"... dachte da ichs nur verlinke brauch ich den schließenden tag nicht.. ok, wieder was dazugelernt^^

Danke für die Hilfe :)


@Acriss:
Das "*" heißt, in ALLEN tags gelten folgende Eigenschaften.. ist gedacht, dass quasi alle Margins und Paddings auf 0 gesetzt werden.
Halt nen Platzhalter für alles^^
Ach und zu deiner Signatur Teil 2 -> *zustimm*
 
Status
Nicht offen für weitere Antworten.
Zurück