verschiedene anzeige probleme IE sowie Firefox...

ghuana2006 · 01.12.2008

oh man,

wie schade keine einzige antwort. :'(

hat keiner eine idee??!!!!

hatte mich schon auf so auf eure hilfe gefreut...

naja.

BigBilly · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

?
Schöne Frage. Wo ist denn das Problem?
Weil ohne Frage nix Antwort.

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

hi, ähhm das war ein versehen wollte eigentlich auf meinen beitrag antworten der auch meine frage beinhaltet hatte aber es scheint als sei dieses gar nicht da. vielleicht auch deswegen keine antworten

also folgendes nochmal:
hab mir ne hp erstellt in der auf einer seite eine bildergalerie mittels lightbox angezeigt wird bzw. angezeitgt werden soll.
also wenn ich mir die seite übern IE anschaue dann funktioniert der lightbox effekt aber mein template bekommt irgendeinen unschönen schwarzen strich.
schau ich sie mir allerdings im firefox an dann stimmt zwar das template aber der lightbox effekt funzt nicht. also die seite wird zwar abgedunkelt aber es geht kein bild auf.

habt ihr sowas schon mal gehabt. hab mir die halbe nacht um die ohren geschlagen und gesucht und gegoogelt aber ich finde nix dazu.

ihr könnt es euch ja hier mal anschauen:

danke schonmal für eure hilfen.
bin gespannt ist bestimmt was total simples und ich steh aber einfach total auf der leitung.

gruss

BigBilly · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

Versuch mal in den td's wo sich die "Hintergrundbilder" befinden dieses einzufügen

valign="top"

Vileicht funktioniert das. Ansonsten in den table style="border-collapse:collapse"

Luckah · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

Hallo,
mein Firefox gibt folgende Fehlermeldung in der Fehlerkonsole aus (mit Strg + Umschalt + J aufrufbar)

Fehler: this.imageArray[imageNum] is undefined
Quelldatei:
Zeile: 226

Evtl solltest du dort einmal nach einem Fehler suchen. Vll wird ein Argument falsch übergeben? Ich hoffe ich konnte weiterhelfen...

Gruß,
Lukas

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

ohje supi, in zeile 226 steht:

while (this.imageArray[imageNum][0] != imageLink.href) { imageNum++; }

ohgott und damit kann ich mal gar nichts anfangen bin doch der super anfänger und laie.

kapier nur nicht warum es im IE mit verschobenem template angezeigt wird aber im Firefox nicht
das geht mir nicht rein. man man man.
stopf schon aus verzweiflung sinnlos kiloweise maoam´s in mich rein

sokie · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

es liegt an dem "rel" attribut.

Code:

rel="lightboxroadtrip"

das rel muss:

Code:

rel="lightbox"

lauten.
wenn du mehrere Bilder dann in einer Gruppe zusammenfassen willst kannst du das mit [] angeben; wichtig ist aber, dass das in eckigen Klammern steht:

Code:

rel="lightbox[gruppenname]"

bzw:

Code:

rel="lightbox[kinderbilder]"

etc.

die Sache mit dem dunklen Balken ist eine ganz andere Sache und hat mit der Lightbox nichts zu tun. ein

Code:

* {
padding:0;
margin:0;
}

am Anfang deiner CSS definitionen sollte das Problem lösen.

ohgott und damit kann ich mal gar nichts anfangen bin doch der super anfänger und laie.

ganz viel mehr ahnung hat da der tippgeber auch nicht gehabt

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

hmm, misst blicks net.
hab das alles gemacht aber geht trotzdem net.
deine antwort scheint mir so simpel aber kriegs trotzdem nicht hin. zum kotzen.
steh sowas von auf der leitung

nicht böse sein und steinigen.
bitteeeeee hiiiilf mir

*grins*

Luckah · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

sokie schrieb:
ganz viel mehr ahnung hat da der tippgeber auch nicht gehabt

Solange du hier der King bist ist ja alles paletti !
Ich hätte mir natürlich den Code auch ansehen können, wenn ich
a) zu dem Zeitpunkt genug Zeit gehabt hätte
b) zu der Auffassung gelangt wäre, dass der Hilfesuchende 0 Peilung hat
Außerdem bin ich der Meinung, dass man eben selbst durch die Korrektur und das Finden der eigenen Fehler am effektivsten lernt - daher die kleine Hilfestellung von mir und nicht ein 12 seitiges Tutorial, wie der Fehler nun zu beheben ist.
Ich verstehe nur nicht warum einige Leute einfach sinnlos mit irgendwelchen Behauptungen und Einschätzungen des Wissensstandes anderer um sich werfen müssen...

EDIT
Zum Problem: Ich zieh mir das heute Abend mal rein, wenn es bis dahin nicht gelöst ist. Habe nur im Moment weder den Kopf noch die Zeit dafür. Entschuldigung

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

nee leute bitte nicht,...
ich bin die 0 peilerin. schlagt jetzt nicht eure köpfe ein wegen so nem quatsch.
mir nur einfach helfen und dann hat sich die sache ja auch schon wieder erledigt ohne das man sich streiten muss wegen irgendwelchen lapalien.

gelle

also dann legt mal los

gruss die 0-peilerin *grins*

Top_Gun · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

So an die 0-Peilerin: Wenn du die hier geposteten Fehler ausbessern bzw die Lösungen mal ausprobieren würdest, kämen wir evtl zum Ziel.
Der von sokie angesprochene Fehler mit dem rel-Attribut ist nämlich immernoch drin...

Dann habe ich aber noch mehr für dich, ändere deinen Quelltext mal so:

Hinzufügen im CSS (auch von sokie)
Löschen

Code:

<html><head>
<title>Fulguratus.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
[COLOR=Blue]* {
padding:0;
margin:0;
}[/COLOR]
.Stil2 {
    font-size: 24px;
    font-weight: bold;
    color: #4F6B66;
    font-family: Tahoma;
}
.Stil3 {font-family: Tahoma}
-->
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

[COLOR=Red]<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>[/COLOR]
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
</head>

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

hi sorry,

ich hatte sehr wohl die sachen ausprobiert nur eben offline getestet habe es jetzt aber auch hochgeladen und es passiert trotzdem nix.
das einzige was sich ändert ist das durch den blau gekennzeichneten teil (für css) von dir das ganze dann nicht mehr zentriert dargestellt wird.

gruss

Top_Gun · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

Hmmm... ich habe mal deine Quelltext aufgeräumt und ein paar geringe Fehler beseitigt. Tausche mal den Teil unter </head> gegen den hier aus:

Code:

<body bgcolor="#3d574a">
<!-- ImageReady Slices (Meine Website mit slices und schrift.psd) -->
<table style="margin: 0 auto;" align="center" width="1063" height="800" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="16"><img src="Bilder/hintergrund-ganz-oben.png" width="1063" height="25" alt=""></td>
    </tr>
    <tr>
        <td colspan="3"><img src="Bilder/hg-links-von-header.png" width="188" height="181" alt=""></td>
        <td colspan="10"><img src="Bilder/header.png" width="696" height="181" alt=""></td>
        <td colspan="3"><img src="Bilder/hg-rechts-von-header.png" width="179" height="181" alt=""></td>
    </tr>
    <tr>
        <td colspan="2"><img src="Bilder/hg-links-von-links-leiste.png" width="156" height="59" alt=""></td>
        <td colspan="3"><a href="index.html" onmouseover="window.status='Home';  return true;" onmouseout="window.status='';  return true;"><img src="Bilder/links-leiste-home.png" width="106" height="59" border="0" alt=""></a></td>
        <td colspan="2"><a href="Fotoparty.html" onmouseover="window.status='Fotoparty';  return true;" onmouseout="window.status='';  return true;"> <img src="Bilder/links-leiste-fotoparty.png" width="139" height="59" border="0" alt=""></a></td>
        <td colspan="2"><a href="Portfolio.html" onmouseover="window.status='Portfolio';  return true;" onmouseout="window.status='';  return true;"><img src="Bilder/links-leiste-portfolio.png" width="140" height="59" border="0" alt=""></a></td>
        <td><a href="Collagen.html" onmouseover="window.status='Collagen';  return true;" onmouseout="window.status='';  return true;"> <img src="Bilder/links-leiste-collagen.png" width="129" height="59" border="0" alt=""></a></td>
        <td><a href="Diashows.html" onmouseover="window.status='Diashows';  return true;" onmouseout="window.status='';  return true;"> <img src="Bilder/links-leiste-diashows.png" width="137" height="59" border="0" alt=""></a></td>
        <td colspan="3"><a href="Preise.html" onmouseover="window.status='Preise';  return true;" onmouseout="window.status='';  return true;"> <img src="Bilder/links-leiste-preise.png" width="108" height="59" border="0" alt=""></a></td>
        <td colspan="2"><img src="Bilder/hinetrgrund-rechts-von-links-leiste.png" width="148" height="59" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3" valign="top"><img src="Bilder/hintergrund-unten-links.png" width="155" height="534" alt=""></td>
        <td colspan="14">
            <img name="textfeldleer" src="Bilder/Neuer Ordner/textfeld-leer.png" width="761" height="418" border="0" usemap="#m_textfeldleer" alt="">
            <map name="m_textfeldleer">
                <area shape="rect" coords="29,28,79,78" href="Bilder/thumbnails/1gross.jpg" rel="lightbox[Bilder]">
                <area shape="rect" coords="97,26,147,76" href="Bilder/thumbnails/2gross.jpg" rel="lightbox[Bilder]">
                <area shape="rect" coords="167,27,217,77" href="Bilder/thumbnails/3gross.jpg" rel="lightbox[Bilder]">
            </map>
        </td>
        <td rowspan="3" valign="top"><img src="Bilder/hintergrund-unten-rechts.png" width="147" height="534" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2"><img src="Bilder/hintergrund-unten-links-von-mitte.png" width="34" height="116" alt=""></td>
        <td colspan="2"><a href="Impressum.html" onmouseover="window.status='Impressum';  return true;" onmouseout="window.status='';  return true;"><img src="Bilder/untere-links-leiste-impressum.png" width="147" height="51" border="0" alt=""></a></td>
        <td colspan="2"><a href="Kontakt.html" onmouseover="window.status='Kontakt';  return true;" onmouseout="window.status='';  return true;"><img src="Bilder/untere-links-leiste-kontakt.png" width="116" height="51" border="0" alt=""></a></td>
        <td colspan="4"><img src="Bilder/untere-links-leiste-created-by.png" alt="" width="429" height="51" onClick="MM_openBrWindow('http://125734.iboox.com/','G&auml;stebuch','scrollbars=yes,resizable=yes,width=500,height=600')"></td>
        <td colspan="3" rowspan="2"><img src="Bilder/hintergrund-unten-rechts-von-mitte.png" width="35" height="116" alt=""></td>
    </tr>
    <tr>
        <td colspan="8"><img src="Bilder/hintergrund-unten-mitte.png" width="692" height="65" alt=""></td>
    </tr>
    <tr>
        <td><img src="Bilder/Abstandhalter.gif" width="155" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="32" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="73" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="74" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="65" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="51" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="89" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="129" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="137" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="74" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="3" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="31" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
        <td><img src="Bilder/Abstandhalter.gif" width="147" height="1" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Im IE hast du jetzt rechts und links schonmal keine Balken mehr. Der unter der ImageMap aber ist nicht wegzubekommen...
Könnte es im übrigen auch daran liegen, dass die lightbox nicht so will wie sie soll? Oder funktioniert das auch über nen Imagemap?

serverhombre · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

Top_Gun schrieb:
Im IE hast du jetzt rechts und links schonmal keine Balken mehr. Der unter der ImageMap aber ist nicht wegzubekommen...
Könnte es im übrigen auch daran liegen, dass die lightbox nicht so will wie sie soll? Oder funktioniert das auch über nen Imagemap?

Jo ich denk auch das die ImageMap das Problem verursacht :rolleyes:

zum vergleich mit nem normalen Link funktionierts:

edit:
@Luckah

Fehler: this.imageArray[imageNum] is undefined
Quelldatei:
Zeile: 226

Evtl solltest du dort einmal nach einem Fehler suchen. Vll wird ein Argument falsch übergeben? Ich hoffe ich konnte weiterhelfen...

Nein, also ich glaub nicht das jemand der keine oder nur wenig Ahnung hat damit was anfangen kann.
Desweiteren glaub ich auch nicht das da etwas von ghuana2006 abgeändert wurde was nun diesen Fehler verursacht.
Aber solange du hier der King bist ist ja alles paletti !

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

@top_gun

danke super nett von dir hab alles abgeändert.
jedoch funktioniert es ja irgendwie trotzdem net.
der obere streifen ist ja schon mal weg, danke.

aber mir ist das ein rätsel warum es in dem einen browser geht und in dem anderen nicht.
versteh auch nicht warum sich das untern auf einmal verschiebt und das auch nur im ie.
also das ist mir echt zu hoch.
egal was ich mache es will einfach nicht so wie ich will. ist doch scheisse.

ich glaub ich muss einfach nochmal komplett von vorne anfangen, aber das passt mir irgendwie eigentlich gar nicht.

ach menno was soll ich bloss machen. wollte eigentlich noch dieses jahr mit der site fertig werden aber so wird das nie was.

gruss

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

oh mein gott. wie geil ist das denn wie hast du das gemacht??bitte bitte bitte verrate es mir??!!!
hab das mit dem imagemap nur gemacht weil ich es nicht anders hinbekommen habe.
wenn es da natürlich eine andere möglichkeit gibt dann her damit.
aber habs einfach nicht hinbekommen.
hatte ja schon mal gefragt aber keine hilfreiche antwort bekommen.

gruss

Top_Gun · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

ghuana2006 schrieb:
aber mir ist das ein rätsel warum es in dem einen browser geht und in dem anderen nicht.
versteh auch nicht warum sich das untern auf einmal verschiebt und das auch nur im ie.
also das ist mir echt zu hoch.
egal was ich mache es will einfach nicht so wie ich will. ist doch scheisse.

Das ist leider so. Dagegen sind nicht einmal die Leute gefeit die es beruflich machen...

ghuana2006 schrieb:
ich glaub ich muss einfach nochmal komplett von vorne anfangen, aber das passt mir irgendwie eigentlich gar nicht.

ach menno was soll ich bloss machen. wollte eigentlich noch dieses jahr mit der site fertig werden aber so wird das nie was.

Ja, fang nochmal von vorne an. Aber diesmal bitte ohne slicen und DW und Tabellen und dem ganzen Rotz.
Mach es "richtig" mit divs und dann wird das auch. Wir sind ja alle hier und können helfen

Und ich sag mal, ich habe genug Zeit in den nächsten Wochen, so dass du die sicherlich vor Jahresende fertig bekommst...

serverhombre · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

ghuana2006 schrieb:
oh mein gott. wie geil ist das denn wie hast du das gemacht??bitte bitte bitte verrate es mir??!!!
hab das mit dem imagemap nur gemacht weil ich es nicht anders hinbekommen habe.
wenn es da natürlich eine andere möglichkeit gibt dann her damit.
aber habs einfach nicht hinbekommen.
hatte ja schon mal gefragt aber keine hilfreiche antwort bekommen.

gruss

Das hab ich mit (x)html und bisschen css gemacht.

hier der (x)html-Code:

HTML:

<div id="inhalt">
<ul>
<li><a href="http://nurmalzumtestengedacht.de/Bilder/thumbnails/1gross.jpg" rel="lightbox[Bilder]" title="Bild1"><img src="thumb1.png" width="50" height="50" alt="Bild1" /></a></li>
<li><a href="http://nurmalzumtestengedacht.de/Bilder/thumbnails/2gross.jpg" rel="lightbox[Bilder]" title="Bild2"><img src="thumb2.png" width="50" height="50" alt="Bild2" /></a></li>
<li><a href="http://nurmalzumtestengedacht.de/Bilder/thumbnails/3gross.jpg" rel="lightbox[Bilder]" title="Bild3"><img src="thumb3.png" width="50" height="50" alt="Bild3" /></a></li>
</ul>
</div>

und das css:

Code:

h1 {margin:0.5em; }

ul, li {
margin:0 0.5em; 
padding:0;
list-style-type:none;
display:inline;
}

li img {
margin:0.2em;
padding:0.2em;
border:none;
background:#fff;
}

#inhalt {
padding:1em;
background: url(bg.jpg) no-repeat;
width:761px;
height:418px;
}

ghuana2006 · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

@serverhombre:
ohje bin ja mit html noch nicht grade die peilerin.
aber von xhtml hab ich mal gar keinen schimmer.
hab ja jetzt alles nur mit html kann das dann doch jetzt nicht einfach mischen oder??
den quellcode hab ich mir ja auch eben mal kopiert aber weiss nicht wirklich wie ich ihn einbinden soll.
wahrscheinlich geht das nicht zu mischen??!!
oh man kanns gar nicht glauben. so nah und doch so fern!!!
du bist mein retter wenn ich es hinkriegen sollte.

gruss

Top_Gun · 01.12.2008

AW: verschiedene anzeige probleme IE sowie Firefox...

Doch kannst du.

Wenn irgendwann mal Zeit ist, informier dich was xhtml ist und wie die Unterschiede zu html aussehen