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

Layout unterstützt kein Firefox und Opera

Status
Für weitere Antworten geschlossen.
R0b

R0b

Neues Mitglied
Hallo zusammen,
Ich habe mal wieder eine Frage.
Diesmal zu meinem Layout.
Ich hatte es damals aus einer Zeitschrift abgeschrieben und immer wieder mal abgeändert und bis heute hab ich es nicht geschafft, dass Firefox und Opera dieses Layout unterstützen.
Meine Frage ist habe ich Codeteile im Layout, die die Browser nicht unterstützen oder fehlt einfach nur was?
ich bin völlig ratlos schon elendig viel ausprobiert und nichts gefunden :sad:

HTML: 
/*===Body Angaben===*/
  body {
    color: #000;
    background-color: #FFEC8B;
    font-size: 16px;
    font-family:Century Schoolbook;
    margin: 0; padding: 1em;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }
/*===Seite===*/
  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1000px;        /* Breite des Browserfensters */
    padding: 0;
    background-image: url();
    background-repeat: no-repeat;
    background-position: right;
    border: 3px ridge #000;
  }
  h1 {
    font-size: 150%;
    margin: 0;
    padding: 2px;
    text-align: center;
    color: #EEB422;
    border-bottom: 2px solid #000;
  }

/*===Textbereich===*/
  div#Inhalt {
    margin: 1 1 1em 1;
    padding: 0 1em;
  }
  div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }
/*===Fuß Zeile===*/
  p#Fusszeile {
    clear: both;
    font-size: 14px;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #CD853F;
    font-weight: bold;
    border-top: 2px solid #00;
  }
/*===Navi===*/
  div#menu {
    font-size: 94%;
    width: 39.8em;
    padding: 0.5em;
    border: 1px solid #000;
    background-color: #CD853F;
  }
  * html div#menu {
    width: 41.4em;
    w\idth: 66em;  /* IE 6 in standards-compliant mode */
  }
  div#menu div {
    clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }
  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0.3em; padding: 0;
  }
  * html ul#Navigation li {
    margin-bottom: -0.4em;
  }
  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.8em; left: 0em;
  }
  * html ul#Navigation li ul {
    left: -1.5m;
    lef\t: -0.3em;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 0.2em; margin-bottom: 0.2em;
  }
  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 7em;
    font-family: "Century Schoolbook";
    text-decoration: none; font-weight: bold;
    padding: 0.23em 0.97em 0.17em 1.03em;
    border: 1px solid #000;
    border-left-color: #FFF; border-top-color: #FFF;
    color: #000;
    background-color: EEB422; /* Farbe des Buttons ohne Mouseover */
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 9.2em;
    w\idth: 10em;  /* Breite des Buttons */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding: 0.17em 1.03em 0.23em 0.97em;
    border-color: #000;
    border-left-color: #000; border-top-color: #000;
    background-color: #FFEC8B; /* Farbe des Buttons bei Mouseover */
  }
  ul#Navigation li ul a:hover {
    border-color: #EEB422;
  }
  li a#aktuell {
    border-right-color: #EEB422; border-bottom-color: #EEB422;
    background-color: #EEB422;
  }
  ul#Navigation li ul span {
    border-right-color: #EEB422; border-bottom-color: #EEB422;
    color: #EEB422; background-color: #EEB422;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
    color: white;
    background-color: #CD853F;
  }
/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
    background: #EEB422;
  }
</style>
 
bidl bruacht man eig nicht geh mal auf meine hp:
R0b's Homepage - Startseite
öffne die hp einmal mit dem IE dann mit Firefox und Opera, dann siehst du was das Problem ist.

Die Browser nehmen zum verrecken nicht das Layout an, die vertauschen iwie alles :???:
 
also 100%ig sagen woran es liegen kann,kann ich dir auch nicht, aber du hast ein paar fehler in deinen datein:

in deiner formate.css steht am ende </script>, weg damit

bei p#fusszeile ist die border farbe falsch definiert

dann gehört an den dateianfang jeder html datei eine DOCTYPE deklaration

der fehler scheint meiner meinung nach in deinem javascript zu liegen.

wenn es um die richtige darstellung von seiten geht solltest du eher dem firefox glauben als dem IE. im firefox sieht deine seite zwar falsch aus, ist aber das was du im code sagst, der IE ist sehr tolerant bei fehlern und daher nimmt man das natürlich als richtig an, obwohl der IE im prinzip die seite falsch anzeigt, auch wenn es richtig aussieht.

wenn du dein menü nicht in den griff bekommst solltest du darüber nachdenken ob es nicht anders besser wäre. soweit ich weiß gibt es momentan keine möglichkeit solch ein menü für alle browser gleich gut zu erstellen. irgendeiner kann es immer nicht darstellen. leider ist der IE da am wenigsten fähig seiten richtig darzustellen und code richtig zu interpretieren.


und das html tutorial auf deiner seite ist leider vollig veraltet.
 
erstmal thx für die tips
aber
1. wieso ist das tutorial veraltet und was ist veraltet??

2. wenn ich nen doctype benutze dann wird das layout auch nciht im IE angeziegt :neutral::neutral:
 
hey,

dein tutorial ist veraltet, weil man heute weder frames benutzt, noch parameter,wie width etc, in die html tags schreibt. auch tags zur textauszeichnung wie <b> <i> etc. gehören nicht mehr benutzt sondern per css gesteuert.

und es ist ganz schlecht das deine codebeispiele alles grafiken sind.
das macht man nicht. schlecht formatiert, also nicht eingerückt ist es außerdem.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben