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
  • Ingo
    antwortet
    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

    Einen Kommentar schreiben:

  • Listu
    antwortet
    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.

    Einen Kommentar schreiben:

  • Ingo
    antwortet
    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

    Einen Kommentar schreiben:

  • Listu
    hat ein Thema erstellt Firefox hat Problem nächsthöheres Element mit position: absolute zu finden?.

    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: -
Vorherige template Weiter

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

Einklappen
Themen: 57.203   Beiträge: 432.325   Mitglieder: 29.596   Aktive Mitglieder: 49
Willkommen an unser neuestes Mitglied, BillyTig.

Online-Benutzer

Einklappen

1258 Benutzer sind jetzt online. Registrierte Benutzer: 0, Gäste: 1258.

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
Alle anzeigen

Die neuesten Beiträge

Einklappen
Alle anzeigen
Lädt...
X