david: info box die 2te

hi,

spiele schon seit einiger zeit mit einer info box herum,
mit diesem "erfolg"

http://giland.org/trinity/climbers_info.htm

hmm ich schaffe es aber nicht es so aufzubauen dass:

1.
auch bei kleineerem browserfenster der text im <span> an der gleichen stelle bleibt.
2.
dass sich die info box in den element fluss des content bereich befindet.

sobald ich es so habe dass einer der punkte erfüllt wird ist der eine schon wieder nicht möglich.

bitte um hilfe
lg

  1. Hallo david,

    hi,

    spiele schon seit einiger zeit mit einer info box herum,
    mit diesem "erfolg"

    http://giland.org/trinity/climbers_info.htm

    kurze Zwischenfrage: Handelt es sich hierbei eher um das Beispiel von Ingo oder das Beispiel von Jan?

    Mit freundlichen Grüßen,
    André

    1. Hallo david,

      spiele schon seit einiger zeit mit einer info box herum,
      mit diesem "erfolg"
      http://giland.org/trinity/climbers_info.htm

      kurze Zwischenfrage: Handelt es sich hierbei eher um das Beispiel von Ingo oder das Beispiel von Jan?

      Mit freundlichen Grüßen,
      André

    2. http://giland.org/trinity/climbers_info.htm

      kurze Zwischenfrage: Handelt es sich hierbei eher um das Beispiel von Ingo oder das Beispiel von Jan?

      hi,
      ich habe es eigentlich mit hilfe der selfhtml beispiele probiert...

  2. Hallo david,

    hmm ich schaffe es aber nicht es so aufzubauen dass:

    ohne ein valides HTML-Dokument (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgiland.org%2Ftrinity%2Fclimbers_info.htm)
    wirst du ewig an des Rätsels Lösung basteln. Und auch dein CSS scheint nicht ohne Fehler zu sein. Bitte validiere auch dies!

    In meinem FF kann ich zur Zeit auf deiner Seite keine Infobox finden. Abgestellt?

    Mit freundlichen Grüßen,
    André

    1. Hallo david,

      hmm ich schaffe es aber nicht es so aufzubauen dass:

      ohne ein valides HTML-Dokument (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgiland.org%2Ftrinity%2Fclimbers_info.htm)
      wirst du ewig an des Rätsels Lösung basteln. Und auch dein CSS scheint nicht ohne Fehler zu sein. Bitte validiere auch dies!

      die seite ist gerade im aufbau und ich bin css neuling, daher die vielen fehler

      In meinem FF kann ich zur Zeit auf deiner Seite keine Infobox finden. Abgestellt?

      es ist ja auch keine normale infobox sonern baut auf dem prinzip auf das auf selfhtml besprochen wird.
      beim überfahren der photos erhält man nähere informationen.

      lg
      david

      1. Hallo david,

        die seite ist gerade im aufbau und ich bin css neuling, daher die vielen fehler

        das erschwert aber die Fehlersuche.

        beim überfahren der photos erhält man nähere informationen.

        weder im IE noch im FF finde ich zur Zeit eine Infobox.

        Mit freundlichen Grüßen,
        André

        1. http://www.giland.org/trinity/climbers_info.htm

          da müssen aber 8 photos sein.beim rollover --> info
          grübel

          1. http://www.giland.org/trinity/climbers_info.htm

            rollover effekt funzt nur im firefox.leider.

        2. Hallo André

          beim überfahren der photos erhält man nähere informationen.

          weder im IE noch im FF finde ich zur Zeit eine Infobox.

          Hast du CSS deaktiviert, hat dein Browserfenster so unübliche Maße, dass der Infotext außerhalb erscheint oder erwartest du eine extra hervorgehobene Box?

          Bei mir erscheit der Infotext (zumindest im FF), allerdings nicht unbedingt an der gewünschten Position.

          Auf Wiederlesen
          Detlef

          --
          - Wissen ist gut
          - Können ist besser
          - aber das Beste und Interessanteste ist der Weg dahin!
      2. Hallo david

        die seite ist gerade im aufbau und ich bin css neuling, daher die vielen fehler

        Auch wenn die Seite noch im Aufbau ist, sollte sie keine deutlichen Fehler enthalten. Solange die Seite Fehler enthält, arbeiten die Browser im Schätzmodus. Du kannst dich also auf keinerlei Anzeige verlassen, egal ob du sie für richtig oder falsch hältst.

        Zu deinem Problem mit der Verschiebung des Infotextes:
        Dieser wird absolut positioniert. Lies einmal nach, woran sich die Positionsangabe bei position:absolute orientiert.
        Dort steht:
        "absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Elternelements, das nicht die Normaleinstellung position:static hat."
        Du musst also dafür sorgen, dass das Vorfahrenelement, auf das sich die Position deines Infotextes beziehen soll, eine von static abweichende Positionierung hat. (relative bietet sich dafür an)

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        1. Dort steht:
          "absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Elternelements, das nicht die Normaleinstellung position:static hat."
          Du musst also dafür sorgen, dass das Vorfahrenelement, auf das sich die Position deines Infotextes beziehen soll, eine von static abweichende Positionierung hat. (relative bietet sich dafür an)

          hi,

          ja und genau da stellt sich das problem.
          ich habe ja einen content bereich der sich ja eigentlich nach dem inhalt richten sollte. nehme ich jetzt ein element(photos umgeben von div) aus dem fluss heraus, mit position : absoult muss ich dem content bereich ja eine bestimmte höhe geben, da sonst bestimmte elemente des content bereichs unter den photos verschwinden.

          bleibt also noch die möglichkeit den body anzusprechen, wie es auch ingo in seinem bsp gemacht hat.oder?

          lg

          1. Hallo david

            ... eine von static abweichende Positionierung hat. (relative bietet sich dafür an)

            ja und genau da stellt sich das problem.

            Wieso?

            ... nehme ich jetzt ein element(photos umgeben von div) aus dem fluss heraus,

            Wer hat gesagt, du sollst das Elternelement aus dem Fluss nehmen?

            ... mit position : absoult

            Und es gibt deiner Meinung nach nur static und absolute?

            Lies noch einmal genau _alles_, was bei position steht.
            Nur absolute und fixed nehmen das Element aus dem Fluss.

            Auf Wiederlesen
            Detlef

            --
            - Wissen ist gut
            - Können ist besser
            - aber das Beste und Interessanteste ist der Weg dahin!
            1. Lies noch einmal genau _alles_, was bei position steht.
              Nur absolute und fixed nehmen das Element aus dem Fluss.

              hi da es wohl sinnlos ist an dem vermurksten bsp weiterzumachen mach ichs von grundauf neu.
              habe aber schon wieder ein problem das sich so davor nicht gestellt hat:
              es scheint als ob meine <li> oder <img> ein padding-bottom eingestellt haben, aber ich bekomms nicht weg...

              http://www.giland.org/trinity/test.htm

              lg

              1. Hi,

                es scheint als ob meine <li> oder <img> ein padding-bottom eingestellt haben

                die img reservieren Unterlängen für evtl. Text, solange Du dies nicht z.B. über img{display:block;} verhinderst.

                freundliche Grüße
                Ingo

            2. hi und danke fürd hilfe,

              jetzt funzt es eigentlich:

              http://www.giland.org/trinity/test.htm