Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 16

Thema: Internet explorer problem

  1. #1
    HTML Newbie Avatar von Berry
    Registriert seit
    02.04.2011
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Internet explorer problem

    Huhu

    Ich habe mal eine frage wie kann man ein layout code der nur auf firefox funktzioniert auch für Internet explorer machen?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Internet explorer problem

    Prinzipiell ja.
    Voraussetzunjg ist ein standardkonformer Doctype.
    Einheitliche margins kann man damit erreichen.
    Wenn es dann noch unterschiedliche Darstellungen gibt, dann liegt das möglicherweise an einem IE-Bug, der sich meist mit Spezialangaben ebenfalls beheben lässt.

  3. #3
    HTML Newbie
    Themenstarter
    Avatar von Berry
    Registriert seit
    02.04.2011
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Internet explorer problem

    naja ich habe keine ahnung was ich hier umstellen muss dafür

    !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <LINK REL="SHORTCUT ICON" HREF="http://auramaster.au.funpic.de/FavoIcon.gif">
    <title>~Auramaster~</title>

    </head>
    <body>

    <body style="background: #7BBF3F;">
    <div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
    <img src="Layout09.png" alt="" border="0"> </div>

    <div style="position: absolute; left: 145px; top: 690px;"><iframe src="home.htm" name="content" frameborder="0" height="680" width="718"></iframe></div>

    <div style="position: absolute; left: 1px; top: 500px;"><iframe src="Navi.htm" name="navi" frameborder="0" height="160" width="1000"></iframe></div>




    </body>
    </html>

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>

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

    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>Navi</title>


    </head>


    <body>

    <div id="menu"><!-- öffnet die Navigationsleiste-->
    <ul>

    <!-- öffnet den ersten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 1 -->
    <h3>Main</h3>

    <ul>

    <!-- öffnet die Klappnavi von Thema 1 --> <li><a href="web/home.htm" target="content">Home</a></li>

    <li><a href="web/Credits.htm" target="content">Credits</a></li>

    <li><a href="web/Link_us.htm" target="content">Link
    us</a></li>

    <li><a href="web/Partner.htm" target="content">Partner/werden</a></li>

    <li><a href="web/Awards.htm" target="content">Awards</a></li>

    <li><a target="_blank" href="http://www.onlinewebservice6.de/gastbuch.php?id=153168">G&auml;stebuch</a></li>

    </ul>

    <!-- schließt die Klappnavi von Thema 1 --> </li>

    <!-- schließt die Listeneinträge von Thema 1 -->
    </ul>

    <!--schließt den ersten Themenblock-->
    <ul>

    <!-- öffnet den zweiten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 2 -->
    <h3>Staffel 1</h3>

    <ul>

    <!-- öffnet die Klappnavi von Thema 2 --> <li><a href="web/Story.htm" target="content">Story</a></li>

    <li><a href="web/Haubtcharakter.htm" target="content">H-Charaktere</a></li>

    <li><a href="web/Episoden.htm" target="content">Episoden</a></li>

    <li><a href="web/openings.htm" target="content">Openings</a></li>

    </ul>

    <!-- schließt die Klappnavi von Thema 2 --> </li>

    <!-- schließt die Listeneinträge von Thema 2 -->
    </ul>

    <!--schließt den zweiten Themenblock-->
    <ul>

    <!-- öffnet den dritten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 3 -->
    <h3>Staffel 2</h3>

    <ul>

    <!-- öffnet die Klappnavi von Thema 3 --> <li><a href="web/story2.htm" target="content">Story</a></li>

    <li><a href="web/Haubtcharakter2.htm" target="content">H-Charaktere</a></li>

    <li><a href="web/Episoden2.htm" target="content">Episoden</a></li>

    <li><a href="web/openings2.htm" target="content">Openings</a></li>

    </ul>

    <!-- schließt die Klappnavi von Thema 3 --> </li>

    <!-- schließt die Listeneinträge von Thema 3 -->
    </ul>

    <!--schließt den dritten Themenblock-->
    <ul>

    <!-- öffnet den vierten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 4 -->
    <h3>Gallerie</h3>

    <ul>

    <!-- öffnet die Klappnavi von Thema 4 --> <li><a href="web/Gallerie-Light.htm" target="content">Light</a></li>

    <li><a href="web/Gallerie-Berry.htm" target="content">Berry</a></li>

    <li><a href="web/Gallerie-Christian.htm" target="content">Christian</a></li>

    <li><a href="web/Gallerie-Zane.htm" target="content">Zane</a></li>

    <li><a href="web/Gallerie-Subaru.htm" target="content">Subaru</a></li>

    <li><a href="web/Gallerie-Dunkler%20Lord.htm" target="content">Dunkler Lord</a></li>

    <li><a href="web/Gallerie-Gruppe.htm" target="content">Group</a></li>

    </ul>

    <!-- schließt die Klappnavi von Thema 4 --> </li>

    <!-- schließt die Listeneinträge von Thema 4 -->
    </ul>

    <!--schließt den vierten Themenblock-->
    <ul>

    <!-- öffnet den fünften Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 5 -->
    <h3>Fans</h3>

    <ul>

    <!-- öffnet die Klappnavi von Thema 5 --> <li><a href="web/anmeldung.htm" target="content">Anmeldung</a></li>

    <li><a href="web/fans.htm" target="content">Fans</a></li>

    <li><a href="web/fanwerke.htm" target="content">Fanwerke</a></li>

    <li><a href="web/bilder_geschichten.html" target="content">Bilder Geschichten</a></li>

    </ul>

    <!-- schließt die Klappnavi von Thema 5 --> </li>

    <!-- schließt die Listeneinträge von Thema 5 -->
    </ul>

    <!--schließt den fünften Themenblock-->
    <ul>

    <!-- öffnet den sechsten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 6 -->
    <h3>Other</h3>

    <ul>

    <!-- öffnet die Klappnavi von Thema 1 --> <li><a href="Webby/Light.htm" target="content">Light</a></li>

    <li><a href="Webby/Berry.htm" target="content">Berry</a></li>

    <li><a href="Webby/Sammlungen_Menu.htm" target="content">Sammlungen</a></li>

    </ul>

    <!-- schließt die Klappnavi von Thema 6 --> </li>

    <!-- schließt die Listeneinträge von Thema 6 -->
    </ul>

    <!--schließt den sechsten Themenblock--></div>

    <!-- schließt die Menüleiste #menu -->
    </body>
    </html>

  4. #4
    Pion
    Gast

    Standard AW: Internet explorer problem

    Was passiert den beim IE?

  5. #5
    HTML Newbie
    Themenstarter
    Avatar von Berry
    Registriert seit
    02.04.2011
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Internet explorer problem

    dann kann man nicht auf die navi klicken und alles ist weiß


  6. #6
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Internet explorer problem

    Das könnte an dem absoluten Positionieren der Inhalte liegen, was btw. völlig unnötig ist bei so einem Layout. Wenn man absolut positoniert sollte man auch immer einen z-index angeben. Du hast hier

    Code:
     z-index: 0
    zwar einen angegeben, der ist aber noch dazu 0. Ein z-index von 0 bewirkt beim IE imho ein Problem. Der sollte immer positiv und größer 0 sein. Dadurch liegt vermutlich eine Ebene über der Navigation wodurch diese nicht mehr angeklickt werden kann.

    Mein Tipp: entferne die absoluten Positionierungen. Bau die Seite ohne diese auf.

  7. #7
    HTML Newbie
    Themenstarter
    Avatar von Berry
    Registriert seit
    02.04.2011
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Internet explorer problem

    ich habe <div style="position: absolute; left: 0px; top: 0px; z-index: 0;"> das jetzt entfernt aber es ist immer noch weiß und auf die navi kan man nicht klicken qq

  8. #8
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Internet explorer problem

    Wie sieht die Navi.css aus?

    Und bitte validiere deinen HTML-Code. Das hier

    Code:
    <ul>
    
    <!-- öffnet den ersten Themenblock --> <li><!-- öffnet die Listeneinträge von Thema 1 -->
        <h3>Main</h3>
    
        <ul>
    ist fehlerhaft und kann auch zu Problemen in der Darstellung führen.

  9. #9
    HTML Newbie
    Themenstarter
    Avatar von Berry
    Registriert seit
    02.04.2011
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Internet explorer problem

    naja die navigation ist soaufgebaut weil die zum aufklappen ist öö

    HTML-Code:
    /*--formatiert die Menüleiste--*/
    #menu {
    width: 99%;
    padding: px;
    font-family: Verdana;
    font-size: 1em;
    line-height: 1.;
    float: left;
    }
    
    /*--formatiert die Themenblöcke--*/
    #menu ul {
    float: left;
    width: 120px;
    list-style-type: none;
    } 
    /*--Setzt alle Abstände auf "Null"--*/
    * {
    margin: auto;
    padding: auto;
    } 
    /*--definiert die Blocküberschriften--*/
    #menu h3 {
    font-size: 1em;
    text-align: center;
    color: #5B8C2F;
    border: 1px solid #4E7827;
    background: url(2a.png);
    }
    
    /*--definiert die "Drop-Down-Links" im Normalzustand--*/
    #menu a {
    text-decoration: none;
    display: block;
    border: 1px solid #4E7827;
    text-align: center;
    background: url(2a.png);
    color: #5B8C2F;
    }
    
    /*--definiert die "Drop-Down-Links" im Hoverzustand--*/
    #menu a:hover {
    color: #5B8C2F;
    background: url(3a.png);
    }
    
    /*
    *verhindert im Zusammenhang mit position absolute bei ul ul
    *eine Höhenvergrößerung von #menu beim Hovern--
    */
    
    #menu li {
    position: relative;
    }
    
    /*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
    #menu ul ul {
    position: absolute;
    z-index: 2;
    display: none;
    }  
    /*--lässt die Dropdown-Links beim Hovern erscheinen--*/
    #menu ul li:hover ul {
    display: block;
    } 
    so sieht die aus

  10. #10
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Internet explorer problem

    Du hast zweimal einen Doctype, aber nicht einen standardkonformen, zweimal html, zweimal head und zweimal body.
    Alles darf nur einmal vorkommen.
    So kann das nicht funktionieren.

Ähnliche Themen

  1. Div-Problem Internet Explorer
    Von DaRealAndy im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 03.03.2009, 12:51
  2. Problem im Internet Explorer
    Von stivi im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 20.07.2008, 04:33
  3. Internet Explorer Problem
    Von pherison im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 4
    Letzter Beitrag: 14.08.2007, 18:07
  4. background, problem mit internet explorer
    Von MeanMachine im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 28.12.2006, 14:18
  5. firefox | internet explorer problem
    Von tecsumo im Forum Flash Forum
    Antworten: 2
    Letzter Beitrag: 12.09.2006, 13:39

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •