M
marco604
Aktives Mitglied
Thread Starter
- Dabei seit
- 10.10.2004
- Beiträge
- 317
- Reaktionspunkte
- 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!
Das Stylesheet sieht ungefähr so aus:
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!
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"> </td>
<td width="390px"> </td>
</tr>
<tr>
<td height="218px"> </td>
<td> </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;
}