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: 56.719   Beiträge: 429.258   Mitglieder: 28.477   Aktive Mitglieder: 48
        Willkommen an unser neuestes Mitglied, durchstarter.

        Online-Benutzer

        Einklappen

        167 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 163.

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

        Die neuesten Themen

        Einklappen

        • durchstarter
          Antwort auf Seo
          OnPage beinhaltet alle Optimierungsmaßnahmen, die direkt im Zusammenhang mit der Website liegen, also alle technischen und inhaltlichen Aspekte einer Website. Deshalb helfen die passenden Keywords, die du immer einbauen solltest.
          OffPage hingegen beschäftigt sich mit dem Linkbuilding, um ein...
          Heute, 18:10
        • durchstarter
          Antwort auf Alternative zu Google Play Music Downloads?
          Also empfehlen kann ich aus meiner Erfahrung zu 100% Spotify. Ich nutze es seit Jahren und finde so gut wie jeden Song dort. Playlists werden ganz einfach erstellt und du kannst sie mit Freunden teilen, das ist sehr nützlich.
          Andererseits, wenn du kein Abo bezahlen möchtest sondern einzelne...
          Heute, 18:03
        • durchstarter
          Antwort auf Corona - app
          Ich glaube nicht, dass sich diese App jemals durchsetzen wird. Ich persönlich finde zwar, sie würde etwas Sinn machen, jedoch würde ich aber meinen Mitmenschen auch sagen, wenn ich positiv bin. Dafür braucht es keine App. Diese App könnte selbst nie herausfinden, wer von uns Covid Positiv ist....
          Heute, 17:46
        • arnego2
          Antwort auf Soziale Netze und ihr Nutzen
          Ja nur oft leider falsch. Zu viele Nachrichten sind Gerüchte, pass da am besten auf....
          Heute, 17:09
        • durchstarter
          Antwort auf Facebook Messenger geht nicht
          Hallo!

          Hast du versucht die App zu löschen und neu zu installieren? Das hilft bei mir eigentlich immer, wenn mein Messenger mal hängt. Ansonsten würd ich vielleicht versuchen mein Facebook Account aus dem Messenger zu löschen und nochmal neu zu verknüpfen.
          Vielleicht liegt es...
          Heute, 15:12

        Die neuesten Beiträge

        Einklappen

        • durchstarter
          Antwort auf Seo
          OnPage beinhaltet alle Optimierungsmaßnahmen, die direkt im Zusammenhang mit der Website liegen, also alle technischen und inhaltlichen Aspekte einer Website. Deshalb helfen die passenden Keywords, die du immer einbauen solltest.
          OffPage hingegen beschäftigt sich mit dem Linkbuilding, um ein...
          Heute, 18:10
        • Ingo
          Alternative zu Google Play Music Downloads?
          Hi,
          Google hat ja leider Play Music beendet. Ich nutzte diesen Dienst gelegentlich, um einzelne Musikstücke zu kaufen und herunterzuladen. Gibt es eine Alternative, über die Musikstücke als mp3 zu erwerben sind?

          Gruß
          Ingo
          Gestern, 12:39
        • durchstarter
          Antwort auf Alternative zu Google Play Music Downloads?
          Also empfehlen kann ich aus meiner Erfahrung zu 100% Spotify. Ich nutze es seit Jahren und finde so gut wie jeden Song dort. Playlists werden ganz einfach erstellt und du kannst sie mit Freunden teilen, das ist sehr nützlich.
          Andererseits, wenn du kein Abo bezahlen möchtest sondern einzelne...
          Heute, 18:03
        • durchstarter
          Antwort auf Corona - app
          Ich glaube nicht, dass sich diese App jemals durchsetzen wird. Ich persönlich finde zwar, sie würde etwas Sinn machen, jedoch würde ich aber meinen Mitmenschen auch sagen, wenn ich positiv bin. Dafür braucht es keine App. Diese App könnte selbst nie herausfinden, wer von uns Covid Positiv ist....
          Heute, 17:46
        • arnego2
          Antwort auf Soziale Netze und ihr Nutzen
          Ja nur oft leider falsch. Zu viele Nachrichten sind Gerüchte, pass da am besten auf....
          Heute, 17:09
        • durchstarter
          Antwort auf Facebook Messenger geht nicht
          Hallo!

          Hast du versucht die App zu löschen und neu zu installieren? Das hilft bei mir eigentlich immer, wenn mein Messenger mal hängt. Ansonsten würd ich vielleicht versuchen mein Facebook Account aus dem Messenger zu löschen und nochmal neu zu verknüpfen.
          Vielleicht liegt es...
          Heute, 15:12
        • AGW
          Welchen Websiten Editior
          Hallo,

          welchen Webseiten Editor verwendet ihr, weil ich verwende eigentlich Microsoft Expression Web 4, aber nachdem es schon etwas älter ist, überlege ich mir ob es nicht sinnvoller wäre zu einen anderen, neuen mit vielleicht mehr Funktionen zu wechseln, aber ich weiß nicht welcher
          ...
          17.10.2020, 06:27
        • AGW
          Antwort auf Welchen Websiten Editior
          Danke für die Antwort. Ich bin seit ca. 5 Tagen schon zu WordPress umgestiegen und bin um Welten begeistert, nie wieder was anderes....
          Heute, 15:04
        • durchstarter
          Antwort auf Günstig Werbung machen - wie?
          Hallo Leute!

          Ich gebe dann auch mal meinen Senf zu den Flyern ab. Ich habe in einer Promotion Agentur gearbeitet und ich musste immer eine Genehmigung vorweisen können, dass ich an diesem Ort berechtigt bin Flyer zu verteilen. Nur leider weiß ich nicht welcher Kostenaufwand das ist. Abgesehen...
          Heute, 14:42
        • silent
          text-align
          Guten Tag an alle,
          nun ich bekomme es irgendwie nicht hin, dass der Text "Informationen" mittig ist (siehe Foto).

          Mein HTML-Code sieht wie folgt aus:

          HTML-Code:
          <div class="inf" id="info">
          <h1> Informationen </h1>
          ...
          26.10.2020, 15:23
        Lädt...
        X