Ankündigung

Einklappen
Keine Ankündigung bisher.

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

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    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

    Stichworte: -
  • #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

        Vorherige template Weiter

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

        Einklappen
        Themen: 57.196   Beiträge: 431.999   Mitglieder: 29.635   Aktive Mitglieder: 29
        Willkommen an unser neuestes Mitglied, michael50.

        Online-Benutzer

        Einklappen

        763 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 760.

        Mit 9.939 Benutzern waren am 17.05.2023 um 21:38 die meisten Benutzer gleichzeitig online.

        Die neuesten Themen

        Einklappen
        Alle anzeigen

        Die neuesten Beiträge

        Einklappen
        • daniel5959
          Antwort auf Header Problem css
          Hallo,

          CSS ist nicht mein Ding, das war es vor über 15 Jahren nicht und wird es auch nicht mehr werden.

          Inzwischen nehme ich einfach ein PC-Programm, das mir den Code im Hintergrund zusammenstellt, das fertige Templates mitbringt und konzentriere mich auf den Inhalt der Seite....
          Heute, 21:22
        • michael50
          Header Problem css
          Hallo

          Ich habe folgendes Problem ich habe einen feststehenden Header.
          https://www.webdesignforum.com/
          Beispiel

          Die Schrift soll beim Scrollen verschwinden.
          Doch wenn ich scrolle sehe ich die im Header.
          Kann mir jemand sagen wie ich das so machen kann...
          Web Design Forum
          https://www.webdesignforum.com
          Web Design Forum
          Gestern, 18:38
        • Sempervivum
          Antwort auf Header Problem css
          Wenn dieser kopiert wird, ohne ihn zu verstehen, ist der Lerneffekt gleich Null. Besser die Grundlagen lernen und den Code selbst entwickeln.
          Es gibt auch genügend Quellen, die die Grundlagen vermitteln und den Leser in die Lage versetzten, den Code zu verstehen. Z. B. hier für CSS:
          htt...
          Heute, 20:42
        • daniel5959
          Antwort auf Header Problem css
          Hallo,



          es wär schön mal einen Beispiel-Code zu präsentieren, der auch funktioniert.

          Die ganzen schlauen Seiten der CSS-Experten, die sich bei Google finden lassen, verschweigen leider immer das Wichtigste bzw. setzen es als bekannt voraus, so dass sich deren...
          Heute, 17:09
        • bodan
          Antwort auf Lassen sich mit Wärmedämmung und Wärmepumpe Kosten sparen?
          hallo und guten Tag,



          Arnego:

          ich denke auch, dass man sich halt echt entscheiden muss - ob man prinzipiell eher der Aufgabe stellt - oder nicht.

          Klar, sind auch die anderen gefragt: aber schon bei uns hier in Mitteleurpa kipppen die Wetterlagen...
          Heute, 14:44
        • daniel5959
          Lassen sich mit Wärmedämmung und Wärmepumpe Kosten sparen?
          Hallo,

          wer hat Zahlen für die Zeit vor und nach der Fassadendämmung und / oder dem Einbau einer Wärmepumpenheizung?

          Für mein altes Häuschen habe ich online die ungefähren Kosten einer energetischen Gebäudesanierung berechnen lassen.



          Selbst...
          26.05.2023, 06:06
        • Sempervivum
          Antwort auf Header Problem css
          Ich verstehe das nicht ganz, mit der Schrift meinst Du doch wahrscheinlich die der übrigen Seite und die tut was Du willst, sie verschwindet beim Scrollen unter dem Header.

          daniel5959 Ein fixed oder sticky Header gehört zu den Grundlagen und ist einfach zu realisieren. Deine Lösung, den...
          Heute, 05:43
        • daniel5959
          Antwort auf Header Problem css
          Anmerkung:

          Mein Beitrag wurde vom Spamfilter blockiert, aber den HTML-/CSS-Code für einen fixierten Header mit farbigem Hintergrund, damit der gescrollte Text nicht im Header sichtbar wird, kann auf meiner Testseite in der Quelltextansicht angesehen und kopiert werden.

          >>...
          Heute, 01:41
        • daniel5959
          Antwort auf Header Problem css
          Hallo,

          eine englische Seite ohne Impressum und kein Text im Header zu sehen - Linkspammer?

          Falls wirklich Interesse an einem fixiertem Header (Kopfbereich) mit farbigem Hintergrund besteht.

          Ich bin kein CSS-Experte und habe mal bei Google gesucht, mir dabei viele...
          Heute, 01:33
        • Lupus_III
          Antwort auf Lassen sich mit Wärmedämmung und Wärmepumpe Kosten sparen?
          Ich habe schon viele Bäume gepflanzt. Unter einigen stelle ich im Sommer meine Sonnenliege auf. ...
          27.05.2023, 10:16
        Alle anzeigen
        Lädt...
        X