Mac Internet Explorer zeigt Seite NICHT an

  1. marco604

    marco604 Thread Starter MacUser Mitglied

    Mitglied seit:
    10.10.2004
    Beiträge:
    317
    Zustimmungen:
    0
    Moin!

    Ich hab ein ganz merkwürdiges Problem bzw. steh irgendwie auf dem Schlauch.

    Ich wollte gerade das Stylesheet für andere Browser anpassen und habe gerade gemerkt, dass sie auf dem Mac MS Explorer gar nischt angezeigt wird! :/

    wie kann das sein?

    Ich denke es liegt irgendwie daran wie das Stylesheet eingebunden ist...

    Vielleicht hat ja einer von euch ne Idee! :rolleyes:

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <!-- InstanceBegin template="../Sites/be4/Templates/vorlage_bibliothek_deu.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>xxxx</title>
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="css_safari.css">
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id="wrapper">
    <!-- InstanceBeginEditable name="Navigation" -->
    <div id="header">
    <img src="../Sites/be4/Grafik/navigation/deutsch/oben_1.jpg" alt="Logo" width="760" height="75">
    <img src="../Sites/be4/Grafik/navigation/deutsch/unten_1.jpg" alt="" width="146" height="35"><a href="../Sites/be4/Sites/profil/01_00_main_profil.htm"><img src="../Sites/be4/Grafik/navigation/deutsch/unten_2.jpg" alt="Profil" width="72" height="35" border="0px"></a><a href="../Sites/be4/Sites/Geschaeftsfelder/02_00_main_geschaeftsfelder.htm"><img src="../Sites/be4/Grafik/navigation/deutsch/unten_3.jpg" alt="Geschaeftsfelder" width="160" height="35" border="0"></a><a href="../Sites/be4/Sites/Bibliothek/03_00_main_bibliothek.htm"><img src="../Sites/be4/Grafik/navigation/deutsch/unten_4_f2.jpg" alt="Bibliothek" width="119" height="35" border="0"></a><a href="../Sites/be4/Sites/Kontakt/04_00_main_Kontakt.html"><img src="../Sites/be4/Grafik/navigation/deutsch/unten_5.jpg" alt="Kontakt" width="97" height="35" border="0px"></a><img src="../Sites/be4/Grafik/navigation/deutsch/unten_6.jpg" alt="" width="60" height="35"><img src="../Sites/be4/Grafik/navigation/deutsch/unten_7.jpg" alt="Deutsch" width="42" height="35"><img src="../Sites/be4/Grafik/navigation/deutsch/unten_8_f2.jpg" alt="English" width="64" height="35"></div>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="menu_links" -->
    <div id="links">
    <div id="links_1">
    <a class="link_links_1" href="../Sites/be4/Sites/Bibliothek/03_01_neuigkeiten.html" title="News">Neuigkeiten</a><br><br>
    <a class="link_links_1" href="../Sites/be4/Sites/Bibliothek/03_02_presse.html" title="Presse">Presse</a><br><br>
    <a class="link_links_1" href="../Sites/be4/Sites/Bibliothek/03_03_interaktiv.html" title="Interaktiv">Interaktiv</a><br><br>
    <a class="link_links_1" href="../Sites/be4/Sites/Bibliothek/03_04_stellenangebote.html" title="Jobangebote">Stellenangebote</a><br><br>
    <a class="link_links_1" href="../Sites/be4/Sites/Bibliothek/03_05_vortraege.html" title="Vortr‰ge/Veranstaltungen">Vortr‰ge /<br>Veranstaltungen</a><br><br>
    <a class="link_links_1" href="../Sites/be4/Sites/Bibliothek/03_06_projekte_standorte.htm" title="Projekte">Projekte</a><br>
    </div>
    </div>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="inhalt" --> 
    <div id="inhalt">
           <table width="455px" border="0px" cellpadding="0" cellspacing="0">
      		<tr>
        		<td width="100px" valign="top">&nbsp;</td>
        		<td width="390px">&nbsp;</td>
      		</tr>
      		<tr>
        		<td height="218px">&nbsp;</td>
        		<td>&nbsp;</td>
     		</tr>
    	</table>
     </div>
     <!-- InstanceEndEditable -->
    <div id="rechts">
    <div id="rechts_1">
    		  <b>XXXXX</b><br><br>
    		  xxx<br>
    		  xxx X<br><br>
    		  X - xxxxx XXXXX<br><br>
    		  <a class="link_rechts_1" href="#">xxx.xxx-xxx.xx</a>
    	</div>
    </div>
    <div id="footer">
    <a class="link_footer" href="#">Home</a> | <a class="link_footer" href="#">Kontakt</a> | <a class="link_footer" href="#">Sitemap</a> | <a class="link_footer" href="#">Impressum</a> | <a class="link_footer" href="#">Disclaimer</a><br>
    </div>
    </div><!--Ende wrapper!-->
    </body>
    <!-- InstanceEnd -->
    </html>
    

    Das Stylesheet sieht ungefähr so aus:

    HTML:
    * {
    	margin:0;
    	padding:0;
    	border:0;
     }
    
    html,body {
    	text-align:center;
    	margin-top: 5px;
    	overflow: scroll;
     }
     
    div#wrapper {
    	text-align:left;
    	margin:0 auto;
    	width:760px;
    	border:1px solid #999999;
    	background-color: #CCCCCC;
    	background-image: url(Grafik/navigation/navi_backround.gif);
     }
    
    div#header {
    	width:100%;
    	height:110px;
    	background:#FFFFFF;
    }
    
    div#links {
    	width:150px;
    	float:left;
     }
     div#links_1 {
    	width:130px;
    	float:left;
    	background-color: #999999;
    	margin-top: 15px;
    	margin-left: 5px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	padding: 5px 4px;
    	border-top: 1px solid #FFFFFF;
    	border-right: 1px solid #FFFFFF;
    	border-bottom: 1px solid #FFFFFF;
    	border-left: 1px solid #FFFFFF;
     }
    
    div#inhalt {
    	float:left;
    	width:460px;
    	padding:10px;
    	background:#FFF;
    	border-top-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-left-style: solid;
    	border-top-color: #999999;
    	border-left-color: #999999;
    	border-right-width: 2px;
    	border-right-style: solid;
    	border-right-color: #FFCC00;
    }
    
    div#rechts {
    	width:100px;
    	float:left;
     }
     
      div#rechts_1 {
    	width:108px;
    	float:left;
    	background-color: #999999;
    	margin-top: 15px;
    	margin-left: 4px;
    	border: 1px solid #FFFFFF;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 9pt;
    	padding: 4px;
    	color: #FFFFFF;
     }
     
    div#footer {
    	width:100%;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	text-align:center;
    	clear:left;
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #999999;
    	background-color: #FFFFFF;
    	padding-top: 5px;
    	padding-bottom: 5px;
     }
     
    p {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	color: #333333;
    }
    a {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	color: #333333;
    }
    
    .link_footer {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	color: #000000;
    	text-decoration: none;
    }
    .link_links_1 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	color: #FFFFFF;
    	text-decoration: none;
    }
    .link_rechts_1 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 8pt;
    	color: #FFFFFF;
    	text-decoration: none;
    }
     
Die Seite wird geladen...