Page 1 of 1

CSS-Problem: Hintergrundbild IE vs. Firefox

Posted: Fri 15. Jun 2007, 15:14
by larmann
Ich habe hier eine Site gemacht, bei der der IE das nötige Hinterrundbild (Textfeld mit runden Ecken oben) nicht anzeigt.

http://www.der-parcours.de

Hat jemand einen Tipp?

Edit: Ich habe den Beitrag nun wegen besserer Wahrnehmung hier gepostet: http://phpwcms.de/forum/viewtopic.php?p=88138

Posted: Sat 16. Jun 2007, 19:36
by Klappstuhl28
Hallo larmann,

er zeigt´s bei mir an. Nur mittendrin. Das scheint aber nicht das Hauptproblem zu sein. Die Navigation ist im IE 6 auf Win 2000 halb verdeckt. Das von dir beschriebene Bild wird wie gesagt recht mittig. Der orange Teil ist im IE6 auch nicht transparent, was komisch ist,
da das Bild ja eigentlich die Transparenz beinhaltet. Im Opera sieht´s gut aus.

Muss dass unbedingt rein?
<!--
sample template for article summary listing
===========================================

TITLE = article title
SUB = article subtitle
SUMMARY = article summary text
IMAGE = summary image (only the <img src="..."> tag)
ZOOMIMAGE = if the image is click-zoomable (<a href...><img...></a>)
CAPTION = summary image caption
ARTICLELINK = url to full article
MORE = the "more..." text/image like defined in template_defaults
BEFORE = show before listing entry
AFTER = show after listing entry
SPACE = show this between listings
DATE = show article date June+0200RJunAMCEST
EDITOR = name of editor
ARTICLEID = ID of list entry

//-->

<div id="header">&nbsp;</div> sicherheitshalber

Da musst du das layout wohl noch mal durchgehen.
Bin´s nur so überflogen.

Lars

Posted: Sat 16. Jun 2007, 22:03
by Jensensen
FF error console meckert wg.

Warning: Selector expected. Ruleset ignored due to bad selector.
Source File: http://www.der-parcours.de/
Line: 17

keine ahnung warum [so far]

greetz

Posted: Sun 17. Jun 2007, 09:20
by larmann
So, jetzt habe ich den Hauptfehler gefunden (glaube ich). Das oben positionierte Hintergrundbild in #main erreiche ich durch einen Spacer in der Vorlage:

Code: Select all

<div id="site">
<div id="header">&nbsp;</div>
<div id="main">

<!--Contentbereich beginnt-->

<div id="navi">
{NAV_LIST_UL:F,,,,,,,}
</div>

<div id="content">
{CONTENT}
</div>
{SPACER:1x400}
<!--Contentbereich beendet -->
</div>
<div id="footer">&nbsp;<div id="inhalt_footer746">{SHOW_CONTENT:CP,3}</div></div>
</div>
Ich habe gemerkt, dass das Problem im IE kleiner wird, wenn ich die Breite des Spacers verkleinere. Ein Versatz von 1px bleibt aber leider auch jetzt noch.

Kann man die Anzeige eines Hintergrundbildes auch noch durch eine andere Art und Weise erzwingen?

Danke

Posted: Sun 17. Jun 2007, 12:28
by Jensensen
larmann wrote:...Das oben positionierte Hintergrundbild in #main erreiche ich durch einen Spacer in der Vorlage:...

meinst du etwa den unten in der vorlage?

{SPACER:1x400}
<!--Contentbereich beendet -->


der knallt dir alles weg bzw. funktioniert nicht:
schau mal, der müsste 1px breit und 400px hoch sein (so wird das auch in der seite codiert).

dein header ist im vergleich dazu 318px hoch. das allein zeigt schon, dass der old-fashioned gif-spacer irgendwo zwischen deinen DIVs rumfliegt. ich erkenne keinen "abstand" unten auf der seite zwischen content und footer - dort, wo der spacer platziert wurde. Schon gar nicht in Höhe von 400px!!!??
Also keinen abstand dort erzeugt, wo du ihn haben willst.
oder du baust einen neuen DIV-block separat für den spacer.


TIPP:
schmeiss den spacer raus und ergänze für #main

padding-bottom: XYZpx;


larmann wrote:...Kann man die Anzeige eines Hintergrundbildes auch noch durch eine andere Art und Weise erzwingen?...
versteh die frage nicht!!!??

das hintergrundbild für
#site
#main
#header
#footer hast du doch im CSS-file codiert.

der spacer erzwingt da mal gar nix...

greetz

PS: die &nbsp; kannste dir auch schenken....