Ergebnis 1 bis 2 von 2

Thema: Falsche Darstellung in Mozilla

  1. #1
    Azubi(ne)
    Registriert seit
    10.05.2006
    Beiträge
    76
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Falsche Darstellung in Mozilla

    Warum sieht die Tabelle mit der Überschrift in Mozilla anders aus als es soll:

    hier: epfan.ihzekuh.de

    Code:
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1240">
    <title>Seite 1</title>
    </head>
    
    <body style="text-align&#58; center">
    
    <div style="position&#58; absolute; width&#58; 948px; height&#58; 187px; z-index&#58; 1; left&#58;53px; top&#58;-78px" id="Ebene1" align="left">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
           "http&#58;//www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Dynamisch Navigationsleisten auch im IE einblenden</title>
    
    <style type="text/css">
      body, p a &#123;
        font&#58; normal 100.01% Helvetica, Arial, sans-serif;
        color&#58; black; background-color&#58; #0066CC;
      &#125;
    
      div#Rahmen &#123;
        width&#58; 9em;
        padding&#58; 0.8em;
        border&#58; px solid black;
        background-color&#58; #0066CCr;
      &#125;
      * html div#Rahmen &#123;  /* Korrektur fuer IE 5.x */
        width&#58; 48.7em;
        w\idth&#58; 47.1em;
      &#125;
      div#Rahmen div &#123;
         clear&#58; left;
      &#125;
      ul#Navigation &#123;
        margin&#58; 0; padding&#58; 0;
        text-align&#58; center;
      &#125;
    
      ul#Navigation li &#123;
        list-style&#58; none;
        float&#58; left;  /* ohne width - nach CSS 2.1 erlaubt */
        position&#58; relative;
        margin&#58; 0em; padding&#58; 0;
      &#125;
      * html ul#Navigation li &#123;  /* Korrektur fuer den IE */
        margin-bottom&#58; -0.4em;
      &#125;
    
      ul#Navigation li ul &#123;
        margin&#58; 0; padding&#58; 0;
        position&#58; absolute;
        top&#58; 1.6em; left&#58; -0.4em;
        display&#58; none;  /* Unternavigation ausblenden */
      &#125;
      * html ul#Navigation li ul &#123;  /* Korrektur fuer IE 5.x */
        left&#58; -1.5em;
        lef\t&#58; -0.4em;
      &#125;
      ul#Navigation li&#58;hover ul &#123;
        display&#58; block;  /* Unternavigation in modernen Browsern einblenden */
      &#125;
      ul#Navigation li ul li &#123;
        float&#58; none;
        display&#58; block;
        margin-bottom&#58; 0.2em;
      &#125;
    
      ul#Navigation a, ul#Navigation span &#123;
        display&#58; block;
        width&#58; 9em;  /* Breite den in li enthaltenen Elementen zuweisen */
        padding&#58; 0.15em 1em;
        text-decoration&#58; none; font-weight&#58; bold;
        border&#58; 1px solid black;
        border-left-color&#58; #ffcc00; border-top-color&#58; #ffcc00;   border-right-color&#58; #ffcc00; border-bottom-color&#58; #ffcc00;
        color&#58; #ffcc00; background-color&#58; #0000FF;
      &#125;
      * html ul#Navigation a, * html ul#Navigation span &#123;
        width&#58; 9em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
        w\idth&#58; 11em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
      &#125;
      ul#Navigation a&#58;hover, ul#Navigation span, li a#aktuell &#123;
        border-color&#58; white;
        border-left-color&#58; #ffcc00; border-top-color&#58; #ffcc00; border-right-color&#58; #ffcc00; border-bottom-color&#58; #ffcc00;
        color&#58; #ffcc00; background-color&#58; 3300CC;
      &#125;
      li a#aktuell &#123;  /* aktuelle Rubrik kennzeichnen */
        color&#58; maroon; background-color&#58; silver;
      &#125;
      ul#Navigation li ul span &#123;  /* aktuelle Unterseite kennzeichnen */
        background-color&#58; maroon;
      &#125;
    
    </style>
    
    <script type="text/javascript">
    if&#40;window.navigator.systemLanguage && !window.navigator.language&#41; &#123;
      function hoverIE&#40;&#41; &#123;
        var LI = document.getElementById&#40;"Navigation"&#41;.firstChild;
        do &#123;
          if &#40;sucheUL&#40;LI.firstChild&#41;&#41; &#123;
            LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
          &#125;
          LI = LI.nextSibling;
        &#125;
        while&#40;LI&#41;;
      &#125;
    
      function sucheUL&#40;UL&#41; &#123;
        do &#123;
          if&#40;UL&#41; UL = UL.nextSibling;
          if&#40;UL && UL.nodeName == "UL"&#41; return UL;
        &#125;
        while&#40;UL&#41;;
        return false;
      &#125;
    
      function einblenden&#40;&#41; &#123;
        var UL = sucheUL&#40;this.firstChild&#41;;
        UL.style.display = "block"; UL.style.backgroundColor = "0066CC";
      &#125;
      function ausblenden&#40;&#41; &#123;
        sucheUL&#40;this.firstChild&#41;.style.display = "none";
      &#125;
    
      window.onload=hoverIE;
    &#125;
    </script>
    
    </head>
    <body style="text-align&#58; center">
    <h1 id="Beispiel">Dynamisch Navigationsleisten auch im IE einblenden</h1>
    
      <div id="Rahmen" style="width&#58; 900px; height&#58; 94px"><ul id="Navigation">[*]Überblick
    
    [*]Park
          <ul style="position&#58; absolute; left&#58; 0px; top&#58; 26px">[*]Attraktionen[*]Shows[*]Themenbereiche[*]Shopping
    
    		[*]Gastronomie[/list]
        
    [*]Infos
          <ul style="position&#58; absolute; left&#58; 0px; top&#58; 26px">[*]Eintrittspreise[*]Wetter
    [*]Events[*]Öffnungszeiten
    		[*]Anfahrt
    		[*]Tipps[/list]
        
    
    [*]Sonstiges
          <ul style="position&#58; absolute; left&#58; 0px; top&#58; 26px">[*]Forum[*]Fans[*]EP im TV[*]Downloads
    
    		[*]Umfragen
    		[*]Rätsel[/list]
        
    [*]Impressum
          <ul style="position&#58; absolute; left&#58; 0px; top&#58; 26px">[*]Gästebuch
    [*]Kontakt[*]Webmaster[*]Links
    		[/list]
        
    
    
    
    </div>
    
    </div>
    
    
    </p>
    
    
    </p>
    <p align="center">
    <table border="1" width="95%" bordercolor="#FFFFFF"  style="border-collapse&#58; collapse" background="tabelle.gif" cellpadding="0">
    	<tr align="center">
    		<td>
    		<table border="1" width="100%" background="überschrift.jpg" style="border-collapse&#58; collapse" cellspacing="1" bordercolor="#FFFFFF" bordercolor="#FFFFFF">
    			<tr>
    				<td>
    				<p align="center">Info</td>
    
    						
    		</table>
    		<div align="left">
    		<div style="margin-left&#58;35px;">
    			<p align="center">
    			</p>
    			<table border="1" width="51%" background="überschrift.jpg" style="border-collapse&#58; collapse" bordercolor="#FFFFFF">
    				<tr>
    					<td>
    					<p align="center">News</td>
    
    				</tr>
    			</table>
    			<div style="margin-right&#58;30px;">
    				<table border="1" width="30%" style="border-collapse&#58; collapse" bordercolor="#FFFFFF" align=right>
    				<tr>
    					<td width="200%">
    					<p align="left"><p align="left">
    
     <p align="right"><p align="center"><p align="center"><p align="center"><p align="center">
    					<p align="center">
    
    					<p align="center">
    					<p align="center">
    					<p align="center">
    					<p align="center">
    					</td>
    				</tr>
    				<tr>
    					<td width="200%">
    					</td>
    
    				</tr>
    			</table> 
    			<table border="1" width="51%" style="border-collapse&#58; collapse" bordercolor="#FFFFFF">
    			<tr>
    				<td>
    				<p align="left"> </p>
    				
    
    nsja
    
    </td>
    			</tr>
    
    		</table>
    			
    
    </p>
    			<div style="margin-right&#58;10px;">	<div>			
    
    
    			</p> 
    					
    
    </p>
    			
    			<p align="right"> </p>
    			
    
    
    			</p>
    
    			<div>
    		
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    		</div>
    		<div align="left">
    
    		</div>
    		</div>
    		</td>
    	</tr>
    	<tr>
    		<td>
    		</td>
    	</tr>
    </table>
    
    
    
    
    
    
    </body>
    </html>
    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 !!!!!
    noch nicht fertig.

    http://epfan.ihzekuh.de/

  2. #2
    Azubi(ne)
    Themenstarter

    Registriert seit
    10.05.2006
    Beiträge
    76
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    habs gelöst
    noch nicht fertig.

    http://epfan.ihzekuh.de/

Ähnliche Themen

  1. Falsche Darstellung der DIVs bei IE
    Von LingLing im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 23.05.2007, 22:46
  2. Falsche Darstellung im Firefox
    Von im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 02.12.2006, 14:29
  3. falsche Darstellung im IE 7
    Von Flasher im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.12.2006, 13:17
  4. Falsche Darstellung in IE
    Von fantik im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 30.06.2006, 09:46
  5. Darstellung von Tabelle in Mozilla
    Von Manu im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 07.04.2005, 17:50

Stichworte

Berechtigungen

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