IE zeigt Design nicht an

Computer: Software & Programmierung HTML & CSS
1

Hallo Leute

Ich habe kürzlich begonnen internetseiten zu programmieren und bin schon jetzt beim Design auf ein Problem gestossen: Der Internet Explorer zeigt das Hintergrundbild nicht an, obwohl bei Mozilla Firefox und Google Chrome alles so aussieht,wie es sollte.

Danke schonmal im Voraus für eure Hilfe

MfG

2

Hallo…

Hast du denn das Hintergrundbild in einer externen CSS oder direkt im BODY-Tag eingebunden?

Im Bodytag muss das so aussehen:

In einer CSS musst du es so notieren:
body {
background-image:url(background.jpg);
}

Es wäre Hilfreicher, deinen Versuch zu sehen, dann könnte man dir explizit sagen, was falsch ist.

MfG

3

Html:

Home
Galerie
Profil
Kontakt

Hallo

CSS-Code:

#main {
background-image:url(img/main.gif);
width:1024;
height:768;
margin:auto;

Wie gesagt in Google Chrome und Firefox sieht alles so
aus wie es soll, nur der Internet Explorer macht mir da
einen Strich durch die Rechnung.

4

Das geschlossen werden und auch die CSS-Formatierung #main muss mit einer } geschlossen werden.

Welche iE-Version macht dir denn sorgen?

Ebenso solltest du in der CSS deinen größenangaben eine Einheit, hier px, verpassen. Sonst wird das nicht umgesetzt.

1 „Gefällt mir“
5

Hallo Battlex,

kommt darauf an, wie Du das Hintergrundbild eingebunden hast. Wenn Du das ganz über

Hier noch der Link zu SelHTML:
http://de.selfhtml.org

Gruß Mike

6

Hallo Battlex,

poste bitte den Code, der das Hintergrundbild anzeigen soll.

Grüße

7

Hallo Stevie007

Html:

CSS:

#main {
background-image:url(img/main.gif);
width:1024;
height:768;
margin:auto;
}

8

Hallo

Es ist die 8. Version die da nicht mitspielt.

MfG

9

Überprüfe folgende Bedingungen:

  • Das Bild muss relativ zu dem Skript mit deinen CSS-Angaben liegen. Wenn du z.B. eine externe CSS-Datei mit dem Pfad C:/www/css/styles.css hast, muss dein Bild, damit es mit dem von dir mitgegebenen Code übereinstimmt, den Pfad C:/www/img/main.gif haben.
  • CSS braucht Größenangaben, d.h. width:1024 ist ungültig, wohingegen width:1024px (Achte auf die Einheit „px“) richtiger Code ist. Das gleiche gilt für die Höhe.

Grüße

10

hallo.

da wird es sich wohl um den „peek-a-boo“ effekt handeln.

http://www.babydo.de/css/136-css-techniken/1052-der-…
http://www.satzansatz.de/cssd/onhavinglayout.html

lies dir das mal durch.
lg b.

11

Es war genau das mit dem > und }

Danke für eure Hilfe.