Darstellungsproblem mit flash und thickbox

marX

Ich reich mal noch IE6 nach: der zeigt das Bild auf weißem Hintergrund an. Ohne Flash.

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

codestyling

Zitat von marX

Ich reich mal noch IE6 nach: der zeigt das Bild auf weißem Hintergrund an. Ohne Flash.

Evtl. ein Screenshot möglich, um sich ein Bild machen zu können ?
Normalerweise: "Who care's IE 6 ?"

marX

Zitat von codestyling

Evtl. ein Screenshot möglich, um sich ein Bild machen zu können ?

Mach ich dir.

Zitat

Normalerweise: "Who care's IE 6 ?"

Jeder, der nicht wenigstens XP drauf hat? Sind leider noch viel zu viele.

Übrigens gibts den IE6 auch als Standalone-Version, ich setz die parallel zum IE7 ein (auf XP).
evolt.org - Browser Archive

kruisko

Danke marX für die Screenshots.

Also laut Google-Analytics benutzen 47% unserer Besucher ein System IE/Windows. Davon wiederum nutzen 46% nicht Version 7. Das heißt, gut 20% aller Besucher tun das mit Windows und IE6 oder älter.

Aber dann müßt ihr halt erstmal mit nem weißen Hintergrund leben... Sorry :sad:

codestyling

Die Seite lädt bereits ein Patch fü IE 6 unter:

Code

http://www.17hippies.de/hiplounge/wp-content/themes/hipstyle_2.0/css/ie_patches/patch_layout_hipstyle.css

mit diese Inhalt:

Code

@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) IE patch stylesheet 
 * (de) IE-Anpassungs-Stylesheet
 *
 * @creator     YAML Builder V1.0 beta1 (http://builder.yaml.de)
 * @file        patch_my_layout.css
 */


/* Layout independent adjustments | Layout-unabhÃ¤ngige Anpassungen  */
@import url(../../yaml/core/iehacks.css);


/* Layout-dependent adjustments | Layout-abhÃ¤ngige Anpassungen */
@media screen
{
 /**
  * Bugfix for IE 3-Pixel-Jog Bug
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */


  * html #col3 {height: 1%}
  * html #col1 {margin-left: -3px}
  * html #col1.widecolumn { width: 770px; margin-left: -3px}
  * html #col1.Presse-LogIn { width: 770px; margin-left: -3px}
  * html #col1.Impressum { width: 770px; margin-left: -3px}
  * html #col3 {margin-right: 527px}
[COLOR=Red]  * html #TB_overlay {background-image:none; zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.17hippies.de/hiplounge/wp-content/themes/hipstyle_2.0/images/pix/bg_black_alpha75.png', sizingMethod='scale'); }
[/COLOR]}

Alles anzeigen

Dann sollte der zusätzliche Patch

Code

<!--[if IE]> 
    <style type="text/css" media="screen">
    * html #TB_overlay { background-image:none; zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.17hippies.de/hiplounge/wp-content/themes/hipstyle_2.0/images/pix/bg_black_alpha75.png', sizingMethod='scale'); }
    </style>
<![endif]-->

den du rein genommen hast, obsolete und nur der wmode nötig sein.
Aber soweit ich das so ohne IE6 sehen kann, ist der TB_overlay als position:fixed angegeben, das kann IE6 nicht. Das müsste man mit position:absolute umgehen, top/left mit 0 und die Breite/Höhe auf 100% stellen. Ist ein wenig kompliziert ohne IE6, der will nicht richtig auf Windows XP64.

kruisko

Zitat von codestyling
Dann sollte der zusätzliche Patch
Code

den du rein genommen hast, obsolete und nur der wmode nötig sein.
Aber soweit ich das so ohne IE6 sehen kann, ist der TB_overlay als position:fixed angegeben, das kann IE6 nicht. Das müsste man mit position:absolute umgehen, top/left mit 0 und die Breite/Höhe auf 100% stellen. Ist ein wenig kompliziert ohne IE6, der will nicht richtig auf Windows XP64.

Ich hab den Patch wieder rausgenommen und werde das jetzt auch mal mit den anderen css-Veränderungen machen und dann mal gucken ob's immer noch läuft. Also quasi Grundzustand wieder herstellen.
Das thickbox-PlugIn sollte doch grundsätzlich erstmal für alle Browser kompatibel laufen. Das Problem war ja mein Flash-Header...

kruisko

Vielleicht kann ja jetzt nochmal jemand aus der Windows-Welt sagen wie es aussieht?

codestyling

Zitat von kruisko

Vielleicht kann ja jetzt nochmal jemand aus der Windows-Welt sagen wie es aussieht?

Der IE7 ist wie gehabt ok, alles super.

marX

Ich stell nochmal nen Screenshot vom 6er rein. Schwarzen Hintergrund hats nun. Sieht doch ganz gut aus.

kruisko

Na ist doch klasse. Vielen Dank an euch beide.

Jetzt muß ich dem thickbox-Effekt nur noch beibringen, daß er nicht nur die Bilder einer Seite darstellen soll, sondern die der kompletten Galerie (die ja auf mehrere Seiten verteilt ist.
Noch muß man am Ende der Bilder einer Seite thickbox schließen, nächste Seite aufrufen und dann sickbox wieder öffnen. Aber darüber gibts bestimmt was zu finden im Netz...

marX

Das wird nicht gehen. Lightbox und seine Clone lesen ja die Links einer Seite aus, die mit rel="lightbox[galid]" ausgezeichnet sind. Woher soll die lightbox wissen, welche Bilder auf einer anderen Seite verlinkt sind?

Du könntest aber alle Links zu Bildern in einem versteckten <div> unterbringen, das wäre ne Möglichkeit.

kruisko

OK, verstanden. Das nächste komplizierte Projekt ;)

Ich erzeuge ja die Galerien mit dem nextGEN-PlugIn und das müßte mir ja auch das versteckte div generieren, da ich das Erzeugen neuer Galerien so einfach wie möglich halten will...

Ich befürchte, das wird nix...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Darstellungsproblem mit flash und thickbox

Jetzt mitmachen!