Hintergrund Firefox ok, IE nicht

tomar3.5

Hallo zusammen,
habe das Problem, dass ich eine Hintergrundgrafik in meinen Wrapper gepackt habe um gleichlange Sidebars vorzutäuschen. Als Theme benutze ich wp-multiflex-3. Mein Problem ist nun, dass im Firefox alles korrekt dargestellt wird, aber im IE 7 die Hintergrundgrafik nicht angezeigt wird. So habe ich es eingebaut:

PHP

#wrap { 
        background: transparent url(images/hintergrundblaugrau.gif) repeat-y top left;
    width: 900px;
        margin: 0px auto;                 
}

Freue mich über jeden Tip

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

gericoach

haste nen link?

tomar3.5

Hallo gericoach,
leider nein. Habe mir über XAMPP einen lokalen Server aufgebaut. Kann ich Dir vieleicht bestimmte Codeauszüge geben, die du zur Fehleranalyse gebrauchen kannst?

Marcus[IS]

Hi,

eventuell könnte dir dieser Beitrag etwas weiterhelfen, weil IE (selbst unter Version 8.0) immer noch dieses blöde Problem mit der Tranzparenz hat.

gericoach

setz mal:statt

Zitat

[COLOR=#000000][COLOR=#FF8000][/COLOR][COLOR=#0000BB]background[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]transparent [/COLOR][/COLOR]

testweise

Zitat

[COLOR=#000000][COLOR=#0000BB]background[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB][FONT=verdana]#e6e8ef [/FONT][/COLOR][/COLOR]

ein.

tomar3.5

Hallo Marcus [IS] und gericoach,
danke an euch beide. Marcus, bei deinem Beitrag weiß ich nicht genau, wie ich es bei mir einbinden soll (habe mich zwar schon bei vielen Sachen kundig gemacht, aber absolut css sattelfest bin ich noch nicht :D).
Gericoach, habe Deinen Vorschlag mal testweise eingefügt, hatte aber keinerlei Auswirkungen. Habe auch background: #[COLOR=Black][FONT=verdana]#e6e8ef; ganz alleine eingesetzt, ohne Effekt. Irgendwie wirkt es so, als wenn IE meinen wrapper garnicht "wahrnimmt. [/FONT][/COLOR]Sagt Dir das jetzt was?:D

gericoach

was passiert denn, wenn Du das Bild mal ganz rausnimmst? Wird denn die Farbe wieder gegeben?

tomar3.5

habe es schon mal so ausprobiert (bd1830 damit man die Farbe schön deutlich sieht :grin:)

PHP

#wrap { 
        background: #bd1830;
    width: 900px;
        margin: 0px auto;                 
}

Das Ergebnis: Im Firefox wird das Rot perfekt als Hintergrund in der Breite 900px angezeigt und im IE wird, glaube ich, die body-Farbe angezeigt (#f9f9f9)
Wie gesagt, ich habe das Gefühl, IE kann mit meinem wrapper nix anfangen, ich weiß nur leider nicht warum.

tomar3.5

Hallo nochmal,
könnte mein Problem hiermit zusammenhängen?

PHP

/* Monsterous hack to get IE6 to cut off an image bigger than the post area */


* html .entry p {
    width: 99%;
    overflow: hidden;
}

Hatte es testweise rausgenommen, leider wieder ohne Ergebnis, trotzdem hört es sich für mich irgendwie seltsam an (man merkt, ich weiß nicht genau was es bedeutet :wink:)

gericoach

der Fehler muss woanders liegen. Die Definition des wrap ist identisch mit dem Original und dort läuft sie unter IE8 und FF3.5 . Welchen IE benutzt Du zum Testen?

telekommander

Zitat von tomar3.5

( ... )
könnte mein Problem hiermit zusammenhängen? ( ... )

Die Frage hast Du Dir schon selbst beantwortet.

Ohne etwas mehr Quellcode trittst du/wir auf der Stelle.
Da du lokal arbeitest, poste doch bitte den akt. Quellcode einer gerenderten Seite und das passende Stylesheet + Grafiken, verpacke (zip) es ordentlich und häng es an Dein Post.

Ich bin mir sicher, das Dein Problem so schneller gelöst wird.

tomar3.5

Vielen Dank für eure Hilfe!
Zu euren Anmerkungen:
- die genau Version ist IE 7.0.5730.13
- gewünschte Daten hängen dran

Es wäre super, wenn ihr mir weiterhelfen könnt. Habe schon einiges selber hinbekommen, aber hier stehe ich auf dem Schlauch.

telekommander

Um den Fehler etwas einzukreisen .... wenn Du aus dem Stylesheet die [FONT="Courier New"]#masthead[/FONT] -Definitionen löschst,
wird das Hintergrundbild des [FONT="Courier New"]#wrap[/FONT] -Containers komplett angezeigt. Der Umkehrschluss lässt nur eines zu, der Quellcode
ist fehlerhaft. Dem [FONT="Courier New"]#masthead[/FONT] -Container fehlt ein abschliessender End-Tag.

Code

<div id="masthead">
<div class="left-masthead">
<a class="site-logo" href="http://localhost/wordpress"></a>
<h1><a href="http://localhost/wordpress">Rechtsanwaltskanzlei</a></h1>
<p class="description">Franz-Josef Furch</p>
</div>
[COLOR="Magenta"]</div>[/COLOR][COLOR="Red"]<!-- DIESER FEHLT ! -->[/COLOR]

Halt Dich an den Validator, dort kannst du auch durch direkten Input Quellcode prüfen, denn das:

Code

<div id="container">
</div>

... hat am Dokumentende auch nix verloren.

Auch auf die Gefahr hin, dass ich mich wiederhole:
Ein IE verzeiht ( immer noch) keinen Fehler, FF ist in dieser Beziehung etwas toleranter.

tomar3.5

Hi telekommander,
vielen, vielen Dank. Habe den fehlenden </div>-Tag in die header.php eingebaut und es klappt!! :D
Bin erst seit drei Wochen dabei, mir css/html und wordpress beizubringen, weshalb mir wohl noch der ein oder andere Fehler passiert:lol:.
Noch eine kleine Zusatzfrage:
Deine Anmerkung zu

PHP

<div id="container">
</div>

das dies am Ende des Quellcodes nichts zu suchen hätte, ist dies ein wirklicher Fehler oder nur keine gute "Etikette". Ich frage, weil es an der Stelle in der header.php steht, wo es auch ursprünglich stand. Und wenn ich es ganz heraus nehme, ist mein Layout zerschossen.

telekommander

Zitat von tomar3.5
( ... )
Noch eine kleine Zusatzfrage:
Deine Anmerkung zu
PHP
<div id="container">
</div>
das dies am Ende des Quellcodes nichts zu suchen hätte, ist dies ein wirklicher Fehler oder nur keine gute "Etikette". Ich frage, weil es an der Stelle in der header.php steht, wo es auch ursprünglich stand. Und wenn ich es ganz heraus nehme, ist mein Layout zerschossen.

Mit dem </html> End-Tag ist das Dokument zu Ende. Hat eher was mit Valide statt mit "Etikette" zu tun. Denn du willst, dass deine Seite auch auf anderen Browsern vernünftig läuft.

Hol dir die Webdev-Toolbar für FF.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrund Firefox ok, IE nicht

Jetzt mitmachen!