Lightbox ist verschoben

    Hallo,
    bei einer Seite habe ich ein Problem mit der Darstellung einer Lightbox. Die Seite ist als Tabelle aufgebaut und
    sollte eigentlich so aussehen:
    [Blockierte Grafik: http://www.test.hmw-net.de/fewo2.jpg] 
    mit der Lightbox unten, und die Bilder werden beim Anklicken vergrößert.
    Sie wird auch in den anderen Browsern (z. B. IE, Chrome, Safari) korrekt dargestellt, nur im Firefox ist die Lightbox verschoben, und auch die Bilderlinks funktionieren hier nicht, es sieht so aus:
    [Blockierte Grafik: http://www.test.hmw-net.de/fewo1.jpg]
    Und das ist die Seite http://www.ferienwohnung-neuching.de/
    Woran kann das liegen?
    Gruß Hans

    Firefox 4 zeigt es ebenso an, Firefox 6 zeigt die animierte Bildergalerie gar nicht mehr an.
    DreamWeaver zeigt mir fehlerhaft 2* </span>, 1* </font> und 1*</center> an.

    Dass hier geht mal gar nicht:

    Code
    <!-- Begin Footer -->
     <font size="1" color="#336699" face="Arial">
    <!-- End Footer -->
</div>
<div class="style3"> </div>
</font>


    Leere Tags, übergreifende Verschachtelung von font über schliessende DIV hinweg, absolut no-go.
    Du solltest dir den Quellcode mal gescheit formatieren, zB mit Tidy oder irgendein Editor, der Tidy kann/beinhaltet.
    Der Quellcode deiner Seite ist absolut Spaghetti und daher überhaupt nicht übersichtlich und strukturiert.

    Ich arbeite teils mit notepad++, hat tidy drin ► http://notepad-plus-plus.org/
    HTML Kit aber auch ► http://www.chami.com/html-kit/

    Tirdy formatiert den Quellcode, evtl hat dein Expression Web das auch (
    Wobei ich diesen MS Schrot hier nicht mal ansatzweise wollte, weil mir das einfach zu viel Müll für'n Webeditor ist.
    Der Code ist auch nachweislich auf den IE optimiert und der interpretiert jeden Müll "irgendwie richtig".
    Deswegen lieber handfestes Grundwissen, dauert zwar, bietet aber nachhaltig gute Seiten.

    Was zB sehr aktuell ist seit längerem - Seiten per DIV zu gestalten und dieses DIV dann per CSS
    durchzustylen auf Höhe/Breite/Position/Farbe/Schrift etc. D.h. einfach nur noch Kästchen, die
    geschoben werden. Tabellen kommen da nur noch ganz selten vor als Gestaltungselement.

    Vielen Dank für die Hilfe. Ich kann leider nicht programmieren, habe aber nach der "Try and error"-Methode die Tipps befolgt und jetzt wird die Seite richtig angezeigt (ein /div zu viel war die Ursache).

    Vielleicht sollte ich mich doch näher mit DIV befassen :wink:

    Als "Hobby-Webmaster" möchte man halt möglichst einfach und schnell zu brauchbaren Ergebnissen kommen, und da stehen einem die WysiwYg-Editoren trotz der Mängel näher als "harte Arbeit" mit html, div, css usw..

    Nur gut, dass dass einem bei Problemen die echten Profis dann wie hier hilfreich zur Seite stehen :D

    Zitat von hmwed

    ein /div zu viel war die Ursache

    Unterliege bitte keinem Irrglauben. Von den derzeit 77 Warnungen sind auch zwei "missing </div>" dabei
    [Blockierte Grafik: http://www.IMG-Teufel.de/thumbs/BildschirmfotoQuelltextvonhttpwwwd9ae285fferienwohnungneuchingd9ae285fdeMozillaFirefoxd9ae285fpng.png]

    Zitat von hmwed

    […] schnell zu brauchbaren Ergebnissen kommen […]

    Da liegt ein gewisser Trugschluss vor. Die Zeit, die du mit einem vermeintlich schnellen wysiwyg-Editor verbringst, kannst du auch mit der echten Erstellung einer Website verbringen.

    P.S. gebe dich auch keiner Hoffnung hin, diese 77 Warnungen sind ja bloß Warnungen. An diesen Stellen können die Browser die verschiedensten Ergebnisse produzieren.