Ankündigung

Einklappen
Keine Ankündigung bisher.

Firefox hat Problem nächsthöheres Element mit position: absolute zu finden?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Firefox hat Problem nächsthöheres Element mit position: absolute zu finden?

    Hallo,

    ich habe hier folgenden Beispielcode:
    HTML-Code:
    <html>
    <head>
    <style>
    table#thetable
    {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 80%;
        height: 60%;
        empty-cells: show;
    }
    div#topleft
    {
        position: absolute;
        left: 3px;
        height: 20px;
        width: 20px;
        top: 3px;
        background: yellow;
    }
    </style>
    </head>
    <body>
     <table border="1" cellpadding="0" cellspacing="0" id="thetable">
      <tr height="24">
       <td width="7"></td>
       <td align="center">Hallo</td>
       <td width="7"></td>
      </tr>
      <tr>
       <td colspan="3">
         <div id="topleft"></div>
        </td>
      </tr>
     </table>
    </body>
    </html>
    Das "kleine" div ("topleft") sollte laut Selfhtml oben links in der Tabelle erscheinen, weil die als nächsthöheres Element nicht "static" platziert ist. Aber Firefox scheint wohl "<body>" / "<html>" vorzuziehen. Mache ich einen Denkfehler? Opera, Konqueror und IE(!!!) zeigen es so an. Kann das wirklich sein, macht der Browser aller Browser in Sachen W3C einen Fehler?

    //edit: Und warum kann man Elemente nicht nur mit left, right, top, bottom positionieren? Beispiel:
    HTML-Code:
    <style>
    table#thetable
    {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
    }
    </style>
    Dann ist bei mir links obenein kleines Rechteck, außer im Opera da ein Streifen bis unten hin, hat wohl "bottom" noch berücksichtigt.
    Zuletzt geändert von Listu; 12.10.2007, 13:19. Grund: Anmerkung


  • #2
    AW: Firefox hat Problem nächsthöheres Element mit position: absolute zu finden?

    Hi,
    gebe der Seite zunächst einmal einen DOCTYPE, der die Browser aus dem quirks mode holt. Im Firefox fällt Deine Tabelle dann standardkonform zusammen, was durch
    HTML-Code:
    html, body {margin:0; padding:0; width:100%; height:100%; }
    vermieden wird.

    Was die Positionierung betrifft, scheint Firefox da wohl ein Problem mit Tabellen zu haben. Über position: absolute für die Tabelle funktioniert dann zwar die Positionierung, aber die Tabelleneigenschaften sind weg. Setze am besten ein div um die Tabelle, das Du dann anstatt der Tabelle positionierst.

    Gruß
    Ingo
    Ingo Webdesign

    Kommentar


    • #3
      AW: Firefox hat Problem nächsthöheres Element mit position: absolute zu finden?

      Vielen Dank Ingo,

      jetzt geht's. Ich hatte schon Angst um die Ehre Firefoxs.

      Normalerweise benutze ich auch ein DOCTYPE, aber für das Beispiel war ich zu faul das zu kopieren.

      Kommentar


      • #4
        AW: Firefox hat Problem nächsthöheres Element mit position: absolute zu finden?

        Hi,
        Zitat von Listu Beitrag anzeigen
        Ich hatte schon Angst um die Ehre Firefoxs.
        wie gesagt: ich habe nichts Gegenteiliges gefunden, dass auch eine positionierte table als containing block dienen kann...

        Gruß
        Ingo
        Ingo Webdesign

        Kommentar

        homepage-forum.de - Hilfe für Webmaster! Statistiken

        Einklappen

        Themen: 57.077   Beiträge: 432.004   Mitglieder: 29.246   Aktive Mitglieder: 47
        Willkommen an unser neuestes Mitglied, payais.

        Online-Benutzer

        Einklappen

        221 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 216.

        Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

        Die neuesten Themen

        Einklappen

        • matze244
          Homepage umziehen
          Hallo liebes Forum,

          ich möchte eine Vorhandene Webseite von T-Online (wurde nicht von mir erstellt, aber ich übernehme den Großteil der Homepage vom Bekannten) zu einen anderen Anbieter umziehen.
          Dabei habe ich bei T-Online den ganzen Ordner kopiert wo die ganzen Unterordner drin...
          20.05.2022, 20:21
        • zfry123
          instagram: Wie kann ich sehen, wer meine Highlights angeschaut hat?
          Liebe Community,

          wie kann man sehen, wer sich die Highlights auf einem Instagram-Profil angeschaut hat? Im Netz finde ich zu diesem Thema zwei Artikel. Im ersten Artikel steht folgendes:
          1. Navigieren Sie zu Ihrem Profil auf Instagram.
          2. Tippen Sie auf das Symbol des Highlight, zu dem Sie
          ...
          20.05.2022, 16:36
        • croxxx69
          Seite nicht von Google indexiert?
          Hallo, wenn ich site:meineseite in google eintippe, ist leider immer noch kein Resultat in Google, also nicht indexiert. Die Seite ist schon paar Monate online, auch in Search Console angemeldet... Kann mir bitte einer helfen? Was kann ich tun? Wenn ich darf, kann ich auch meine Seite hier posten
          18.05.2022, 21:21
        • daniel5959
          Überdachte Pedelecs
          Hallo,

          nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

          Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
          15.05.2022, 21:12
        • Gast-Avatar
          html und css homepage ohne Javascript
          Hallo,
          ich möchte nur in html und css ohne Javascript eine Website erstellen , die laut Anhang ungefähr so aussehen soll. Content diverse Themenbereiche als Blog. Ich habe auch schon angefangen, hochgeladen, das würde eigentlich schon reichen. Aber ich bin haltrnicht zufrieden. Als Hilfe hatte...
          14.05.2022, 09:22

        Die neuesten Beiträge

        Einklappen

        Lädt...
        X