Willkommen auf dem Portal für Mediengestalter

DasElfchen1972 · Threadersteller

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>


<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>

</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

qualidat · **Verfasst** Sa 31.08.2013 12:44 **Titel**

Ich glaube, niemand hat hier lust, deinen Sourcecode durchzugehen. Um solche grundlegenden Probleme einzugrenzen, solltest du ein deutlich abgespecktes Pärchen aus HTML und CSS erstellen (jeweils nur einige Zeilen) und daran Testen, was los ist ...

qualidat · **Verfasst** Sa 31.08.2013 12:45 **Titel**

Ich glaube, niemand hat hier lust, deinen Sourcecode durchzugehen. Um solche grundlegenden Probleme einzugrenzen, solltest du ein deutlich abgespecktes Pärchen aus HTML und CSS erstellen (jeweils nur einige Zeilen) und daran Testen, was los ist ...

aUDIOfREAK · **Verfasst** Sa 31.08.2013 15:59 **Titel**

warum schickst du dem kunden nen html-ordner? lade das ganze doch einfach auf nen webserver (z.b. in einen unterordner eurer firmenwebseite) und schick dem kunden den link.

Karlarsch · **Verfasst** Sa 31.08.2013 17:27 **Titel**

Wenn es ein ZIP-Ordner ist: Wäre es vielleicht möglich, dass der Kunde, da Windows ZIP nativ unterstützt und fast wie einen Ordner behandelt, einfach einen Doppelklick auf das ZIP macht und dann auf die enthaltene HTML-Datei?
Dann würde der Browser, der ja mit dem ZIP nichts anfangen kann, zwar die HTML-Seite geliefert bekommen, könnte aber nicht auf die anderen Ressourcen zurückgreifen.

Ungetestet und ins Blaue geraten.

Gruß
Karl

DasElfchen1972 · Threadersteller

@Karlarsch

bingo! das war es tatsächlich!

der ordner muss auf dem pc erst entpackt werden - auf dem mac funktioniert das
natürlich schon indem man einfach doppelklickt....bin halt ein mactyp, und daran hatte
ich erstmal garnicht gedacht...

danke für eure antworten!

Willkommen auf dem Portal für Mediengestalter

Thema: PC-Browser findet CSS nicht? vom 30.08.2013

PC-Browser findet CSS nicht?