• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

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

C

crashfm

Neues Mitglied
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 :)


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;
}
 
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
 
crashfm schrieb:
brauche mal Eure Hilfe, da das Hintergrund Bild in meinem Body nicht angezeigt wird, pbwoh ich es in der CSS ganz oben angegeben hab :)
Zum Vergrößern anklicken....

Meinst Du wirklich den

Code: 
<body>

oder so etwas

Code: 
<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...
Zum Vergrößern anklicken....

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

Gruß
Jens
 
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
 
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.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben