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

Page IE kompatibel machen?

P

Punk91

Neues Mitglied
Hey ho,
ich habe eine kleine Website, die in Frames unterteilt ist. In Firefox funktionier das auch wunderbar, aber IE stellt nur 50% der Seite dar und es sieht merkwürdig aus.

Nun wollte ich auf meiner Enterpage über 2 Links (Firefox/IE) verschiedene Versionen machen, alles auch kein Problem, nur finde ich keinen Grund warum der IE die Page nicht vernümpftig anzeig...

Ich hoffe ihr könnt mir helfen, besten Dank im Voraus.

index.html
Code: 
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Tobias Pohlmann">
<meta name="description" content="Homepage der DFL">
<meta name="keywords" content="DFL, rFactor, rF, Formel 1, cool, toll, lol, rofl, Ferrari, CTDP, F1, Deutsche Fun Liga, FUN">

<title>DFL - Der Fun Faktor</title>

<style type="text/css">

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    /*position: relative;*/
    background: "Bilder/Header.png";
    overflow: hidden;

}

iframe {
    width: 100%;
    height: 100%;
}

#menubar {position:absolute;top:65px;left:20px;z-index:2;}
#spalte1 {position:absolute;top:105px;left:150px;z-index:2;}
#spalte2 {position:absolute;top:105px;left:407px;z-index:2;}
#spalte3 {position:absolute;top:105px;left:537px;z-index:2;}
#spalte4 {position:absolute;top:105px;left:667px;z-index:2;}

#navframe-wrapper {
    position: absolute;
    top: 115px;
    left: 0;
    bottom: 0;
    width: 22%;
    background: #0f0;
}

#contentframe-wrapper {
position: absolute;
    top: 115px;
    left: 22%; //200px
    right: ;
    bottom: 0;
    width: 68%;
    background: #ccc;
}

#sideframe-wrapper {
    position: absolute;
    top: 115px;
    right: 0;
    bottom: 0;
    width: 14%;
    background: #00f;
}

</style>

    </head>

    <body background="Bilder/BG/Header.png">

        <div id="navframe-wrapper">
            <iframe name="navframe" id="navframe" src="News.html" frameborder="0" OnMouseOver="loeschen()"></iframe>
        </div>

        <div id="contentframe-wrapper">
            <iframe name="contentframe" id="contentframe" src="Start.html" frameborder="0" OnMouseOver="loeschen()"></iframe>
        </div>

        <div id="sideframe-wrapper">
            <iframe name="sideframe" id="sideframe" src="Sponsoren.html" frameborder="0" OnMouseOver="loeschen()"></iframe>
        </div>

        <table cellpadding=0 cellspacing=0><tr><td height=5000 width=5000 OnMouseOver="loeschen()" valign=bottom></td></tr></table>


<div id="menubar">
<table border="0"><tr>
<td><a href="Start.html" target = "contentframe"><img src="Bilder/Menue/bt_home.png" width="125" height="40" border="0" alt=""></a></td>
<td><a href="#..." OnMouseOver="javascript:zeigemenus1()"><img src="Bilder/Menue/bt_Rennen.png" width="125" height="40" border="0" alt=""></a></td>
<td><a href="Fahreruebersicht.html" target = "contentframe"><img src="Bilder/Menue/bt_fahrer.png" width="125" height="40" border="0" alt=""></a></td>
<td><a href="#..." OnMouseOver="javascript:zeigemenus2()"><img src="Bilder/Menue/bt_geschichte.png" width="125" height="40" border="0" alt=""></a></td>
<td><a href="#..." OnMouseOver="javascript:zeigemenus3()"><img src="Bilder/Menue/bt_Sonstiges.png" width="125" height="40" border="0" alt=""></a></td>
<td><a href="#..." OnMouseOver="javascript:zeigemenus4()"><img src="Bilder/Menue/bt_Inside.png" width="125" height="40" border="0" alt=""></a></td>
<td><a href="http://dfliga.bplaced.de/Forum/" target="_blank"><img src="Bilder/Menue/Button_Forum.png" width="125" height="40" border="0" alt=""></a></td>
</tr>
</table>
</div>

<div id="spalte1" style="visibility:hidden">
<table border="0">
<tr>
<td><a href="Rennkalender.html" target = "contentframe"><img src="Bilder/Menue/bt_Rennen_1.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="WM.html" target = "contentframe"><img src="Bilder/Menue/bt_Rennen_2.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="Ergebnisse.html" target = "contentframe"><img src="Bilder/Menue/bt_Rennen_3.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="Reglement.html" target = "contentframe"><img src="Bilder/Menue/bt_Rennen_4.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
</table>
</div>

<div id="spalte2" style="visibility:hidden">
<table border="0">
<tr>
<td><a href="HallofFame.html" target = "contentframe"><img src="Bilder/Menue/bt_geschichte_2.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="Geschichte.html" target = "contentframe"><img src="Bilder/Menue/bt_geschichte_1.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
</table>
</div>

<div id="spalte3" style="visibility:hidden">
<table border="0">
<tr>
<td><a href="http://www.flf-book.de/Benutzer/Punk91.htm" target = "contentframe"><img src="Bilder/Menue/bt_Sonstiges_1.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="Interviews.html" target = "contentframe"><img src="Bilder/Menue/bt_Sonstiges_2.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="Videos.html" target = "contentframe"><img src="Bilder/Menue/bt_Sonstiges_3.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
</table>
</div>

<div id="spalte4" style="visibility:hidden">
<table border="0">
<tr>
<td><a href="Ansprechpartner.html" target = "contentframe"><img src="Bilder/Menue/bt_Inside_1.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="Kontakt.html" target = "contentframe"><img src="Bilder/Menue/bt_Inside_2.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td><a href="Impressum.html" target = "contentframe"><img src="Bilder/Menue/bt_Inside_3.png" width="100" height="25" border="0" alt=""></a></td>
</tr>
</table>
</div>
<script language="Javascript" type="text/javascript">
<!--

function zeigemenus1() {
document.getElementById("spalte2").style.visibility = "hidden";
document.getElementById("spalte3").style.visibility = "hidden";
document.getElementById("spalte4").style.visibility = "hidden";
document.getElementById("spalte1").style.visibility = "visible";
}

function zeigemenus2() {
document.getElementById("spalte1").style.visibility = "hidden";
document.getElementById("spalte3").style.visibility = "hidden";
document.getElementById("spalte4").style.visibility = "hidden";
document.getElementById("spalte2").style.visibility = "visible";
}

function zeigemenus3() {
document.getElementById("spalte1").style.visibility = "hidden";
document.getElementById("spalte4").style.visibility = "hidden";
document.getElementById("spalte3").style.visibility = "visible";
document.getElementById("spalte2").style.visibility = "hidden";
}

function zeigemenus4() {
document.getElementById("spalte1").style.visibility = "hidden";
document.getElementById("spalte4").style.visibility = "visible";
document.getElementById("spalte3").style.visibility = "hidden";
document.getElementById("spalte2").style.visibility = "hidden";
}

function loeschen() {
document.getElementById("spalte1").style.visibility = "hidden";
document.getElementById("spalte2").style.visibility = "hidden";
document.getElementById("spalte3").style.visibility = "hidden";
document.getElementById("spalte4").style.visibility = "hidden";
}

//-->
</script>

    </body>

</html>
 
Dir fehlt der Doctype. Dann fällt der IE in den unberechenbaren Quirksmode zurück und zeigt die Seite auf jeden Fall anders an als andere Browser.
 
Oh sry, das wichtigste habe ich natürlich vergessen^^

Hier der Link: DFL - Der Fun Faktor

@threadi, was für nen Doctype müsste ich angeben und wie? Der Code für die Frames stammt nicht von mir, mermshaus war so freundlich den für mich zu schreiben, da ich Probleme hatte das Menü "Frameübergreifend" zu machen.
 
Ah ich stand nur auf dem Schlauch, sry.

KLar, jetzt seh ichs auch, da fehlt am anfang das "<!DOCTYPE html>"
 
Ich kann dir noch einen Tip geben:

für Umlaute bzw 'Sonderzeichen' wie zB. Ä, ä, Ö, ö, Ü, ü oder ß musst du einen bestimmten Code in deinem HTML Syntax verwenden:

HTML: 
Ä = &Auml;
ä = &auml;
Ö = &Ouml;
ö = &ouml;
Ü = &Uuml;
ü = &uuml;
ß = &szlig;

Da gibt es noch viele andere.. Allerdings ist mir nur das auf der Startseite aufgefallen.


lascaux
 
Nein, nicht diese HTML-Kodierungen verwenden. Das muss man keineswegs. Man sollte lediglich die Dateien in denen die Texte stehen mit dem Zeichensatz speichern den man vom Server auch an den Browser zurückgeben lässt.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben