Problem mit meiner CSS... Hintergrund Bild wird nicht angezeigt!

html.de-Forum HTML, XHTML & CSS
1

Hallo ihr lieben…

brauche mal Eure Hilfe, da das Hintergrund Bild in meinem Body nicht angezeigt wird, pbwoh ich es in der CSS ganz oben angegeben hab :slight_smile:

Desweiteren wollte ich mal wissen, ob es ein Dropdown Menü gibt, welches auch im IE keine Probleme macht und einen möglichst einfachen code hat…

Bin Anfänger und hab z.B. mit Javascript noch keine Erfahrung!

Hier die CSS:

*{
margin: 0;
padding: 0;
}
#body {
text-align: center;
background-color: #999999;
background-image: url( http://claudio2712.lima-city.de/grungebackground.jpg);
}
#container {
width: 70%;
margin: 30px auto;
text-align: left;
background-color: transparent;
border: 10px solid #CCCCCC;
line-height: 130%;
}
#top {
padding: .5em;
background: url( http://claudio2712.lima-city.de/headerhp2.JPG ) center no-repeat;
border-bottom: 1px solid gray;
height: 120px;
}
#top h1 {
padding: 0;
margin: 0;
}
#left {
background-color: #000000;
float: left;
width: auto;
font-size: 1em;
margin: 0;
padding-top: 0;
color: #FFFFFF;
}
#left ul {
list-style: none;
}
#left li {
background-color: #FF0000;
float: left;
padding-left: 0;
width: 83px;
border-left: 10px solid;
border-left-color: #FFCC33;
border-right: 1px solid;
border-right-color: #000000;
border-bottom: 2px solid #FFFFFF;
}

#content {
background: transparent url( http://claudio2712.lima-city.de/backgroundmitte.jpg);
font-family: comic sans ms;
font-size: 0.9em;
color: #FFFFFF;
padding: 10px;
text-align: left;
}

#right {
background-color: transparent;
float: right;
width: 200px;
margin: 0;
padding-right: 100px;
padding-top: 100px;
color: #FFFFFF;
}

#foot {
background-color: #FFFFFF;
height:31px;
float:left;
}
#h1 {
color: #CC0000;
font-family: verdana;
}

2

Hallo.

Stimmen die Pfadangaben zu deinem Hintergrundbild?

Für ein Dropdown Menü das auch im IE geht braucht man kein Javascript.
Hier einige Beispiele: CCS Dropdown Menü.

Gruss
Elroy

3

Meinst Du wirklich den

<body>

oder so etwas

<div id="body">

Dein CSS-Code würde sich wegen der führenden # nur auf letzteres auswirken.

Desweiteren wollte ich mal wissen, ob es ein Dropdown Menü gibt, welches auch im IE keine Probleme macht und einen möglichst einfachen code hat…

Natürlich geht so etwas. Etwas fertiges wirst Du sicher auch finden. Allerdings empfinde ich es immer als einfacher das selbst zu bauen. Der daraus resultierende Code ist minimalst und nicht sehr umfangreich.
Welchen IE meinst Du? Wenn Du den IE6 meinst, für den muss man meist noch einige „Extras“ einbauen wie z.B. JavaScript zum Auf- und Zuklappen. Alle neueren „Modelle“ des Browsers haben damit weniger Probleme - wenn man das Menü richtig aufbaut.

4

Könnte an den bei mir angezeigten Multiple Choices liegen, dass das Hintergrundbild nicht angezeigt wird.

Edit: Nö! Hast die Anführungszeichen vergessen.

background-image: url(http://claudio2712.lima-city.de/grungebackground.jpg);

Muss so aussehen:

background-image: url(["http://claudio2712.lima-city.de/grungebackground.jpg");](http://claudio2712.lima-city.de/grungebackground.jpg%29;)
5

Ansonsten wäre es noch ganz sinnvoll wenn du deinen HTML-Code postest, wenn die fehlenden Anführungszeichen nicht schon die Lösung waren :slight_smile: Denn durch das #body definierst du ja das Aussehen einer id.

Gruß
Jens

6

Hallo crashfm,

mein Tipp wäre, achte genau auf die Groß- und Kleinschreibung. Du hast z.B. einmal .jpg und dann wieder .JPG geschrieben. CSS ist in der Hinsicht Case-Sensitive.

Viele Grüße
Markus

7

Nicht CSS ist Case-Sensitive sondern die Serverbetriebssysteme, welche die Dateien bereitstellen für die Ansicht im Browser. „.jpg“ und „.JPG“ sind dort 2 verschiedene Dateien.