Bushman: CSS wird nicht berücksichtigt oder geladen

Hallo alle zusammen,

ich habe schon sehr viele Foren nach Lösungen für mein Problem durchsucht aber bis jetzt hat nichts geholfen.IE und FF berücksichtigen meine externe CSS Datei nicht. Hier meine Hompage:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Meine Seite</title>
<link href="Stil/homepage.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#ed5428">  

<div class="&Uuml;berschrift" id="überschrift"><div class="Länder" id="Länder"><a href="Index1.html" target="_top"><img src="Grafiken/Deutschland.jpeg" width="20" height="12" border="0"></a><img src="Grafiken/England.jpeg" width="20" height="12" border="0"><img src="Grafiken/Frankreich.jpeg" width="20" height="12" border="0"><img src="Grafiken/Italien.jpeg" width="20" height="12" border="0"></div>
    </div>

<div class="Menü" id="Menüspalte"><img src="Grafiken/Menue1.jpg" width="200" height="50">	  <img src="Grafiken/Menue2.jpg" width="200" height="30" border="0"><img src="Grafiken/Menue3.jpg" width="200" height="30" border="0"><img src="Grafiken/Menue4.jpg" width=				"200" height="30" border="0"><img src="Grafiken/Menue5.jpg" width="200" height="30" border="0"><img src="Grafiken/Menue6.jpg" width="200" height="50" border="0"><img src="Grafiken/Menue7.jpg" width="200" height="30" border="0"><img src="Grafiken/Menue8.jpg" width="200" height="30" border="0"><img src="Grafiken/Menue9.jpg" width="200" height="30" border="0"></div>  

<iframe name="Center" class="Iframestil" id="IFrameCenter"></iframe>
</body>

</html>

hier die CSS

.Überschrift {
height: 120px;
width: 750px;
background-image: url(../Grafiken/%C3%9Cberschrift.jpg);
white-space: normal;
float: none;
}

.Menü {
height: 700px;
width: 200px;
float: left;
margin-top: 0px;
margin-left: 0px;
}
.Iframestil {
margin-left: 0px;
float: none;
height: 700px;
width: 550px;
margin-top: 0px;

}

.Länder {
height: 12px;
width: 80px;
padding-top: 95px;
margin-left: 640px;
padding-left: 0px;
}

Hoffentlich kann mir jemand helfen...

  1. Hallo,

    das ist ja ein ganz schönes Choas bei dir.

    Du solltest erstmal davon absehen Umlaute für Klassen- und Dateinamen zu nutzen. Außerdem könntest du deinen Code auch großteils entschlacken (z.B. border="0" zusammenfassen zum "img {border: none}") dann wird das ganze schon erheblich übersichtlicher.

    Gruß
    Ole

    --
    Das Wort Vegetarier kommt aus dem Indianischen und bedeutet: Zu dumm zum Jagen.
    1. @@Ole:

      nuqneH

      Du solltest erstmal davon absehen Umlaute für Klassen- und Dateinamen zu nutzen.

      Warum? Wir haben 2010, nicht 1970.

      Systeme sollten davon absehen, auf ASCII beschränkt zu sein. Lies: Systementwickler sollten Systeme nicht beschränken, sondern sich mit I18n vertraut machen.

      Qapla'

      --
      Volumen einer Pizza mit Radius z und Dicke a: pi z z a
      1. Warum? Wir haben 2010, nicht 1970.

        Mir mußt du das nicht sagen. Trotzdem gibt es da draußen immer noch genug Syesteme die steinzeitlich konfiguriert sind.

        Gruß
        Ole

        --
        Das Wort Vegetarier kommt aus dem Indianischen und bedeutet: Zu dumm zum Jagen.
  2. @@Bushman:

    nuqneH

    IE und FF berücksichtigen meine externe CSS Datei nicht.

    Was heißt das? Wird die Datei geladen? Werden alle deine Angaben nicht berücksichtigt oder nur einige nicht?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
            "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    Zwei Doctype-Angaben? das ist eine zu viel. Bei deinem Quelltext die zweite.

    <body bgcolor="#ed5428">

    Was soll @bgcolor im Markup? Gib die Hintergrundfarbe im Stylesheet an!

    <div class="&Uuml;berschrift" id="überschrift">

    Warum '&Uuml;'? Verwende das richtige Zeichen 'Ü', keine Escapes. ESCAPES

    Der ID-Bezeichner ist falsch. [in: HTML401 §6.2]

    <div class="Länder" id="Länder">

    Dito.

    Qapla'

    --
    Volumen einer Pizza mit Radius z und Dicke a: pi z z a
    1. Danke schon mal für die schnelle Antwort.

      Ich arbeite mit Dreamweaver CS4 (Demo) und der macht vieles schon selbständig. Man merkt, dass ich noch nicht so der erfahrene Homepageersteller bin.

      Ich werde die Vorschläge sofort umsetzten und bescheidgeben, wenn es geklappt hat...

  3. Vielen Dank Gunnar Bittersmann und Ole,

    es hat geklappert. Hab eure Tips umgesetzt und siehe da...

    Macht weiter so.

    Gruß Bushman