Lieber Desmond,
Das Problem:
Ich habe ein auf CSS basierendes Design mit dem Internet Explorer entwickelt
merke: Zum Entwickeln kann man den IE nicht gebrauchen, nur zum "bugfixen", wenn er in der Darstellung wieder einmal nicht spurt. Dieser Satz gilt bis Version 8 uneingeschränkt.
und es erfolgreich mit Opera getestet.
Leider nennst Du weder beim IE noch bei Opera Versionsnummern. Daher sind Deine Aussagen relativ wertfrei.
Firefox zeigt aber nicht einen Hintergrund an
Hier der von Dir (inline!) verwendete CSS-Code:
div {
background: white URL(http://file1.npage.de/006584/55/bilder/blumen.jpg) top center no-repeat;
}
Demgegenüber steht folgende CSS-Anweisung in Deinem externen Stylesheet:
div#Rahmen {
width: 760px;
margin: 0 auto;
padding: 0;
border: 1 solid black; /* Fälschlicherweise ohne Einheitenangabe! */
border-top: 0px; /* Hier dürfte die px-Einheit sogar fehlen. */
text-align: left;
background: white;
}
Diese Anweisung wird zum Teil von deinen Inline-Styles überschrieben, nämlich mit dem Hintergrundbild. Wenn man dem <div>-Element eine feste Höhe gibt (es hat im FF eine automatische Höhe von 25px!), dann wird das Bild auf der Seite tatsächlich angezeigt! Warum mir Firebug (das zum Entwickeln im FF unerlässliche Add-On!) allerdings das Bild nicht anzeigt, verstehe ich jetzt zwar nicht, ist aber auch egal.
Mir fällt auch auf (etwas, das im IE und anscheinend auch Opera stillschweigend korrigiert wird), dass die fehlende Einheit bei Deiner border-Anweisung im FF zu keinem Rahmen für div#Rahmen führt. Du möchtest nach der eins noch "px" ergänzen.
Man müsste den Hintergrund noch sehen, da die sich darin befindlichen div-Bereiche ein transparentes Hintergrundbild haben.
Nein, wenn der Bereich zu klein (height!) geraten ist. Warum Opera und der IE ihn künstlich "aufblasen" liegt vermutlich daran, dass Du Deinem Dokument keinen Doctype spendiert hast (warum eigentlich nicht?) und beide Browser in den sogenannten Murksmodus (heißt in Wirklichkeit Quirksmode) schalten, um Deine Angaben irgendwie(!) umzusetzen. Dass bei "irgendwie" hier Murks herauskommt, darf also nicht überraschen. Da Dein Code aber sehr nach XHTML1.0 aussieht, solltest Du einen passenden Doctype ohne Probleme hinzufügen können (und damit Dein Dokument auch sinnvoll validieren können.
Kann mir jemand helfen?
Das Hinzufügen einer geeigneten Höhe habe ich Dir ja schon angeraten. Darüberhinaus will ich Dir dringendst ans Herz legen, dass Du von nun an eben _nicht_ mehr mit dem IE entwickelst, denn er hat so manche Fehlerkorrekturen (z.B. Höhe Deines <div>), die in anderen Browsern nicht greifen, und darüber hinaus ist er vor Version 9 nicht genügend standardkonform. Da ist es zwingend besser, im Firefox (mit dem Firebug Add-On!!) zu entwickeln. Ohne den Firebug wüsste ich heute wirklich nicht was ich täte.
Ja, Opera hat nun wohl mit Dragonfly für seinen Browser ein Pendant zum Firebug entwickelt. Wenn der Opera-Browser aber im Quirksmode sich wie der IE verhält, dann nützt Dir das aber auch wenig, wenn Du Fehler finden willst.
Gerade habe ich auf http://getfirebug.com gelesen, dass Du den Firebug auch im IE nutzen kannst, wenn Du FireBug Lite in Deine Seite implementierst. Vielleicht kann Dir das helfen, im IE so manchen Unterschied in der Darstellung zu finden? Spätestens wenn Du mit JavaScript entwickelst, wird Dir Firebug zum unersetzlichen Tool... aber das ist vielleicht jetzt nicht wichtig.
Liebe Grüße,
Felix Riesterer.
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)