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.203   Beiträge: 432.326   Mitglieder: 29.596   Aktive Mitglieder: 49
        Willkommen an unser neuestes Mitglied, BillyTig.

        Online-Benutzer

        Einklappen

        792 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 789.

        Mit 4.707 Benutzern waren am 12.01.2023 um 03:07 die meisten Benutzer gleichzeitig online.

        Die neuesten Themen

        Einklappen

        • bodan
          Bard - Googles Antwort auf ChatGPT geht ins Rennen
          Try Bard and share your feedback Mar 21, 2023 - so der Aufruf vor wenigen Stunden.

          und weiter: We’re starting to open access to Bard, an early experiment that lets you collaborate with generative AI. We're beginning with the U.S. and the U.K., and will expand to more countries and languages...
          22.03.2023, 23:20
        • daggel
          Eine horizontale Linie mit <hr> in css als bild mit wiederholung anzeigen?
          Hallo,

          ich bin neu hier und Webseiten-Anfänger. Trotzdem möchte ich in einem HR-Tag mit Css ein Bild anzeigen, dass nur horizontal über die gesamte Seite wiederholt wird.
          HTML-Code:
            <!--<div id="bild2">      
          <img src="..\Bilder\TrennungTranparentQuer.jpeg">
          ...
          22.03.2023, 15:44
        • bodan
          CloudFest Hackathon 2023 noch bis 23 März- mit innovativen Projekten
          Hi liebe Homepage-Foren-Feunde,


          hier ein kurzer Hinweis auf das CloudFest 2023

          wie immer gibts eine Fülle von Angeboten am Fest. Da ist ganz ganz viel dabei!
          ...unter anderem auch mit innovativen WordPress-Projekten: VS Code-Erweiterung für In-Browser-Entwicklung...
          21.03.2023, 12:41
        • PatX
          Design Hilfe zu einer Form die ein PHP Script triggert
          Ich würde mich über eure Meinung zu dem folgenden Szenario freuen:

          Ich möchte ein Formular einrichten, das im Wesentlichen die folgenden Schritte triggert:
          - Ein PHP-Skript ausführen
          - Formulardaten in die WordPress-Datenbank meiner Website speichern
          - KEINE anderen...
          21.03.2023, 07:20
        • Reservespieler
          Website pflegen
          Ein freundliches Hallo an alle,
          Ich würde gerne von meinem Verein die Pflege der Website übernehmen da es auch einige Vorteile als aktives Mitglied hat. Das Problem ist nur das ich überhaupt keine Ahnung davon habe.
          Daher hier meine Frage:
          Wie funktioniert sowas und was muss ich...
          18.03.2023, 16:48

        Die neuesten Beiträge

        Einklappen

        Lädt...
        X