Hallo,
ich habe eine Website in HTML mit CSS erstellt. Auf meinem Mac und dem meines Chefs funktioniert auch alles (bis auf das Kontaktformular, aber das ist ein anderes Problem....). Wenn ich aber unserem Kunden nun den kompletten Ordner schicke, indem sich die HTML-Seiten (insgesammt 4), die Bilder und die CSS-Datei befindet, und er probiert ein HTML-Dok. in seinem Browser aufzumachen, kommt nur der Text, und das Design (CSS) wird nicht übernommen.
Da ich gerade am Anfang der Programmierkarriere komme (bin eigentlich Print) und Google schon von hinten bis vorne durchforstet habe, weiß ich nun nicht mehr weiter.
hier mal das HTML-Dok. der Startseite + CSS (beides habe ich im W3C validieren lassen):
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>Uwe Otto</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="nivo/default.css" type="text/css" media="screen">
<link rel="stylesheet" href="nivo/nivo-slider.css" type="text/css" media="screen">
<script type="text/javascript" src="nivo/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="nivo/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body>
<!--begin wrapper-->
<div id="wrapper">
<div id="Logo">
<img src="LogoUweOtto350x95.jpg" alt="" />
</div>
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<img src="Sliderbild1.jpg" alt="" />
<img src="Sliderbild2.jpg" alt="" />
<img src="Sliderbild3.jpg" alt="" />
<img src="Sliderbild4.jpg" alt="" />
</div>
</div>
<div id="navigation">
<ul>
<li><a href="StartseiteUweOtto.htm">Home</a></li>
<li><a href="Leistungen.htm">Leistungen</a></li>
<li><a href="Kontakt.htm">Kontakt</a></li>
<li><a href="Impressum.htm">Impressum</a></li>
</ul>
</div>
<div id="TextStartseite">
<p>
<i><strong>Willkommen auf unserer Internetseite!</strong></i>
</p><br>
<p>Existenzgründer sowie kleine und mittlere Unternehmen (KMU) stehen in den Bereichen<br> Marketing und Vertrieb oft vor der Herausforderung, einzelne Aufgabenstellungen nicht selbst<br> oder mit eigenen Mitarbeitern abdecken zu können.
Ob zeitlich befristete Projekte oder<br> spezielle Aufgaben, die besonderes Know-how erfordern oder für die dem Unternehmer einfach<br> die Zeit fehlt – wir unterstützen Sie qualifiziert und
zuverlässig.</p><br>
<p>Als <strong>Beratungsunternehmen für Vertrieb & Marketing</strong> verfügen wir über <strong>langjährige Erfahrung,<br> auch in Führungspositionen,</strong> sind flexibel, engagiert, sozial kompetent und gut vernetzt.</p><br>
<p>Wir erarbeiten Marketing- und Vertriebsstrategien gemäß den Erfordernissen Ihres Marktsegments<br> und Ihrer Zielsetzung und sorgen für deren erfolgreiche Umsetzung!</p><br>
<p>
<i>Gerne beantworten wir Ihre Fragen unter <strong>Tel.: 0721 / 470 50 363</strong><br> oder nutzen Sie unser <a href="Kontakt.htm"><strong>Kontaktformular</strong></a>.</i>
</p>
</div>
<div id="Logolinks">
<img src="Logo2UweOtto140x106.jpg" alt="" />
</div>
</div>
<!--end wrapper-->
</body>
</html>
hier das CSS:
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
background-color: #58585a;
}
#wrapper {
margin: 0 auto;
min-height: 200%;
width: 840px;
background-image: url(BodyHintergrund.jpg);
background-repeat: repeat-y;
}
#navigation {
background-image: url(HG_Navigation.jpg);
height: 40px;
position: relative; top: -37px;
}
#navigation li {
display: inline;
list-style-type: none;
position: relative; left: 20px; top: 10px;
padding: 30px;
font-size: 15px;
font-family: arial, verdana, sans-serif;
}
#navigation a {
text-decoration: none;
color: white;
}
#navigation a:hover {
color: #8ca6d2;
}
#Logo {
margin-left: 460px;
padding-top: 10px;
}
#TextStartseite {
margin-left: 50px;
padding-top: 10px;
width: 700px;
}
#TextStartseite i {
color: #004894;
font-size: 18px;
}
#TextStartseite p {
font-size: 15px;
font-family: arial, verdana, sans-serif;
}
#Logolinks {
position: relative;
margin-left: 50px;
padding-top: 120px;
}
#LogoUnterseiten {
margin-left: 610px;
}
#TextLeistungen {
margin-left: 50px;
padding-top: 10px;
width: 700px;
}
#TextLeistungen p {
font-family: arial, verdana, sans-serif;
font-size: 15px;
}
#TextLeistungen h3 {
color: #004894;
font-size: 18px;
font-family: arial, verdana, sans-serif;
}
#TextStartseite a {
display: inline;
text-decoration: none;
color: #004894;
}
#TextStartseite a:hover {
color: #8ca6d2;
}
#TextImpressum {
margin-left: 50px;
padding-top: 10px;
width: 700px;
}
#TextImpressum p {
font-family: arial, verdana, sans-serif;
font-size: 15px;
}
#TextImpressum strong {
color: #004894;
}
#Überschrift h3 {
color: #004894;
margin-left: 50px;
padding-top: 10px;
font-family: arial, verdana, sans-serif;
font-size: 18px;
}
#Formular {
margin-left: 50px;
}
wie gesagt, die Seiten funktionieren auf dem Mac einwandfrei, nur auf dem PC machen sie schlapp * Nee, nee, nee *
vielleicht könnt Ihr mir weiterhelfen?
lg
Andrea
