Dominic: Anzeigeproblem Opera

Hi,

ich habe folgendes Problem:

Das Layout meiner Seite (www.thagrinch.de/pg-test/) ist
mit Tabellen aufgebaut und funktioniert soweit in allen
Browsern gut. Wenn jetz aber ein <form></form> benutzt wird (click auf w00t), verschiebt sich die Navi-Leiste etwas nach unten (www.thagrinch.de/fehler.jpg).

Ich habe jetz rausgefunden, dass dies wohl nur beim Browser
Opera so ist, aber man muss das ja irgendwie konform hinbiegen
können? Es reicht wohl schon aus wenn nur <form></form> drin steht.

Danke für die Antworten!
 Dominic

  1. habe mir deine seite mal angesehen - ich finde sie ja klasse gemacht, aber ein statement in dein Gästebuch klappt leider nicht - auf opera sieht alles ganz gut aus - mach weiter so - lob muss auch mal sein
    Andy

    1. ist nur eine test-version und die sql datenbank ist noch nicht online. daher geht das gb noch nicht. hast du den fehler den ich beschrieben hab nicht nachvollziehen können?

  2. Hallo,

    Das Layout meiner Seite (http://www.thagrinch.de/pg-test/) ist
    mit Tabellen aufgebaut und funktioniert soweit in allen
    Browsern gut. Wenn jetz aber ein <form></form> benutzt wird (click auf w00t), verschiebt sich die Navi-Leiste etwas nach unten (http://www.thagrinch.de/fehler.jpg).

    Das liegt nicht am form-Element. Die Lücke tritt immer auf, wenn das div mit overflow ins Spiel kommt:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>test</title>
    <style type="text/css">
    table {border-spacing:0; border-collapse:collapse;}
    td {border:1px solid red;}
    </style>
    </head>
    <body>

    <table border="0" cellpadding="0" cellspacing="0" style="width:50%;" align="center">
    <tr>
    <td style="height:400px; vertical-align:top;">

    <div style="overflow:auto; height:100%; margin:0; padding:0; background-color:#eeeeee;">

    <p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p>

    </div>

    </td>
    </tr>
    </table>

    </body>
    </html>

    Dazu fällt mir auch keine Lösung ein, das ist wahrscheinlich ein Fehler im Opera. Die Lücke wird allerdings kleiner, wenn das div einen border-bottom: 1px solid #eeeeee; hat (in der Farbe der Hintergrundfarbe, sodass sie nicht sichtbar ist).

    Mathias