✔ Andere Darstellung im IE und Opera ! Hilfe !

Status
Nicht offen für weitere Antworten.
P

powerofpaul

Hallo,
ich hänge an einem kleine Problem, das mir große Sorgen macht.
Ich habe gestern die "Lightbox" entdeckt,
mit der man seine Fotos professioneller präsentieren kann.
Im Firefox und Safari wird sie korrekt dargestellt,
allerdings wird sie im IE und Opera ganz oben an der Seite dargestellt.
Hier mal der Link:

http://paulstrobel.de/index.php?site=bilder

Um die Lightbox zu öffnen auf ein kleines Blumenbild links oben klicken.
Ich hoffe ihr könnt mir weiterhelfen.
Ich hab schon viel herumprobiert, aber kriege es einfach nicht hin.

Kann es sein, dass der IE und Opera die Angabe anders interpretieren:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Weil ohne die Zeile gehts im Firefox nicht..aber sinnloser Weise im Opera..
Was kann man dagegen tun ?

MfG,
Paul
 
Hi,

ich kann im Firefox (2 + 3) keinen Unterschied zum IE (6 + 7) feststellen, was die obere Startposition der Lightbox betrifft - in diesen Browsern beginnt sie direkt am oberen Fensterrand. Dafür stimmt sie bei mir im Opera und Safari überein (OS: WinXP Prof.)

Möglicherweise hilft dir hier der Thread Lightbox Fenster Startposition verändern weiter, um browserübergreifend eine übereinstimmende Positionierung zum oberen Fensterrand der Lightbox zu erzielen.

Ist aber schon seltsam, denn solch eine eklatante Verschiebung hab ich bislang beim Einsatz der Lightbox noch nie erlebt.

Ansonsten solltest du mal im Stylesheet die Polsterungseigenschaften des Dokumentkörpers und Viewports auf null zurücksetzen, da diese in den Browsern unterschiedliche Initialwerte besitzen.

Code: 
html,body {
margin:0;
padding:0;
}


mfg Maik
 
Hatte grad kurz was verändert, deswegen hast dus im Firefox oben gesehn und im Opera unten, sorry ;)
Ich werd deine Idee gleich mal ausprobiern und dann bescheid geben =)
Danke
 
Ich schau dir gerade über die Schultern und rate dir, hier eine Einheit anzugeben:

Code: 
#lightbox{	position: absolute;	top: 200px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
Ansonsten wissen die Browser nichts mit dem Wert anzufangen; 200 was? Äpfel, Birnen, Meter, or whatever?

mfg Maik
 
Ja es hat funktioniert =)
Also teilweise, jetzt wird es in Opera, Firefox und IE weiter unten angezeigt, so wie ich es wollte,
aber ich habe noch das Problem, dass nun im Firefox und Opera rechts nicht alles abgedunkelt wird und im Opera und IE entsteht entsteht ein Scrollbalken =(.
Was ist da nun falsch ?:

paulstrobel.de/index.php?site=bilder

(ein inaktiver Scrollbalken ist normal)
 
Bei mir wird in den genannten Browsern der vollständige Anzeigebereich abgedunkelt.

Was den Scrollbalken betrifft: Du hast meine CSS-Empfehlung aus meiner ersten Antwort noch nicht in das Stylesheet übernommen.

mfg Maik
 
So, habe die px Angabe übernommen,
aber diese 2 Probleme sind trotzdem nicht gelöst.
Hier mal zu sehen als Bild:

paulstrobel.de/problem.jpg

Oh, entschuldigungg, die erste habe ich total vergessen,
tut mir leid, ich machs sofort.
 
Das Problem sollte sich meines Erachtens in Luft auflösen, wenn du meiner ersten Empfehlung folgst.

mfg Maik
 
So, habe ich nun gemacht,
allerdings das "html" weggelassen, da es ohne dies auch ging,
jetzt ist alles abgedunkelt =) Juhu
Aber der Scrollbalken =(
Danke übrigens, dass du mir hilfst, Maik !

Mfg, Paul

Auch mit dem css html tag bleibt der scrollbalken =(
 
Versuch es mal anstelle von

Code: 
body {
	overflow-y: scroll;
	font-family: Arial;
	font-size: 1em;
	}
hiermit

Code: 
body {
	overflow: auto;
	font-family: Arial;
	font-size: 1em;
	}
Kein Thema, dass ich dir hier Hilfestellung leiste, dafür bin ich schliesslich da, und nicht, um hier Däumchen-drehend auf den Monitor zu starren :)

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück