Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. bestimmter Bildausschnitt HTLM/IFRAME

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

bestimmter Bildausschnitt HTLM/IFRAME

Geplant Angeheftet Gesperrt Verschoben Visualisierung
14 Beiträge 3 Kommentatoren 993 Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • J jwedenig

    Hi!
    Ich finde leider gerade keine Lösung zu meinem Problem:
    Es geht um einen bestimmten Bildauschnitt einer Internetseite darzustellen.
    Ich versuchte es per Iframe oder auch mit HTML und diverser Codes wie diesen:

    <div style="border: 3px solid rgb(201, 0, 1); overflow: hidden; max-width: 736px;">
    <iframe scrolling="no" src="https://www.awattar.at/services/charts/hourly" style="border: 0px none; margin-left: -185px; height: 650px; margin-top: -200px; width: 926px;">
    </iframe>
    </div>
    

    aber auf meinem Tablet schauts dann so aus:
    IMG_2201.jpg

    Am PC passts aber:
    IMG_2202.jpg

    Kann mir wer einen Lösungsansatz bieten?
    Danke!
    Liebe Grüße
    Jürgen

    amg_666A Offline
    amg_666A Offline
    amg_666
    schrieb am zuletzt editiert von
    #2

    @jwedenig Für mich sieht das nach "falscher" Skalierung aus. Im iframe gibst du ja Ränder und Höhe/Breite fix an (650*926 Pixel). Sicher, dass das auch am Tablet passt? Wie ist da die Auflösung?

    Du kannst mal zum Testen dies Widget im View einfüge, das zeigt dir dann die Auflösung an.

    [{"tpl":"tplScreenResolution","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"30px","top":"640px","color":"#ffffff"},"widgetSet":"basic"}]
    

    iobroker auf proxmox container

    J 1 Antwort Letzte Antwort
    0
    • amg_666A amg_666

      @jwedenig Für mich sieht das nach "falscher" Skalierung aus. Im iframe gibst du ja Ränder und Höhe/Breite fix an (650*926 Pixel). Sicher, dass das auch am Tablet passt? Wie ist da die Auflösung?

      Du kannst mal zum Testen dies Widget im View einfüge, das zeigt dir dann die Auflösung an.

      [{"tpl":"tplScreenResolution","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"30px","top":"640px","color":"#ffffff"},"widgetSet":"basic"}]
      
      J Offline
      J Offline
      jwedenig
      Most Active
      schrieb am zuletzt editiert von
      #3

      @amg_666

      das kommt jetzt am Mac in der Vis:

      Bildschirmfoto 2024-09-30 um 14.40.35.png

      amg_666A 1 Antwort Letzte Antwort
      0
      • J jwedenig

        @amg_666

        das kommt jetzt am Mac in der Vis:

        Bildschirmfoto 2024-09-30 um 14.40.35.png

        amg_666A Offline
        amg_666A Offline
        amg_666
        schrieb am zuletzt editiert von
        #4

        @jwedenig aber was sagt das Tablet? Ist bestimmt ne andere Auflösung...

        iobroker auf proxmox container

        J 2 Antworten Letzte Antwort
        0
        • amg_666A amg_666

          @jwedenig aber was sagt das Tablet? Ist bestimmt ne andere Auflösung...

          J Offline
          J Offline
          jwedenig
          Most Active
          schrieb am zuletzt editiert von
          #5

          @amg_666

          bin leider nicht zu Hause jetzt - ich schaus mir an und werde berichten!
          Danke!

          1 Antwort Letzte Antwort
          0
          • J jwedenig

            Hi!
            Ich finde leider gerade keine Lösung zu meinem Problem:
            Es geht um einen bestimmten Bildauschnitt einer Internetseite darzustellen.
            Ich versuchte es per Iframe oder auch mit HTML und diverser Codes wie diesen:

            <div style="border: 3px solid rgb(201, 0, 1); overflow: hidden; max-width: 736px;">
            <iframe scrolling="no" src="https://www.awattar.at/services/charts/hourly" style="border: 0px none; margin-left: -185px; height: 650px; margin-top: -200px; width: 926px;">
            </iframe>
            </div>
            

            aber auf meinem Tablet schauts dann so aus:
            IMG_2201.jpg

            Am PC passts aber:
            IMG_2202.jpg

            Kann mir wer einen Lösungsansatz bieten?
            Danke!
            Liebe Grüße
            Jürgen

            OliverIOO Offline
            OliverIOO Offline
            OliverIO
            schrieb am zuletzt editiert von
            #6

            @jwedenig

            sowas kann etwas schwierig für verschiedene auflösung werden.
            nur mal als idee, falls du da keine lösung findest.
            mit dem puppetier adapter kann man webseiten lesen und screenshots davon machen.

            so könntest du einen screenshot machen, den entsprechend zuschneiden (für puppetier ist die ansicht ja immer gleich) und dann per bild auf allen geräten anzeigen lassen.

            Meine Adapter und Widgets
            TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
            Links im Profil

            1 Antwort Letzte Antwort
            0
            • J Offline
              J Offline
              jwedenig
              Most Active
              schrieb am zuletzt editiert von
              #7

              @oliverio sagte in bestimmter Bildausschnitt HTLM/IFRAME:

              puppetier adapter

              aha, ok danke, ich les mich mal ein

              1 Antwort Letzte Antwort
              0
              • J Offline
                J Offline
                jwedenig
                Most Active
                schrieb am zuletzt editiert von
                #8

                @oliverio sagte in bestimmter Bildausschnitt HTLM/IFRAME:

                mit dem puppetier adapter kann man webseiten lesen und screenshots davon machen.

                ich glaube, dass ist mir für meine eine Anwendung doch ein wenig zu kompliziert

                OliverIOO amg_666A 2 Antworten Letzte Antwort
                0
                • J jwedenig

                  @oliverio sagte in bestimmter Bildausschnitt HTLM/IFRAME:

                  mit dem puppetier adapter kann man webseiten lesen und screenshots davon machen.

                  ich glaube, dass ist mir für meine eine Anwendung doch ein wenig zu kompliziert

                  OliverIOO Offline
                  OliverIOO Offline
                  OliverIO
                  schrieb am zuletzt editiert von OliverIO
                  #9

                  @jwedenig

                  na gut.
                  da du keine fragen stellst ist es wahrscheinlich wirklich zuviel.
                  ansonsten musst du fragen wo du da probleme siehst oder hast.

                  evtl gibt es ja für die ursprungsfrage eine antwort

                  Meine Adapter und Widgets
                  TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                  Links im Profil

                  1 Antwort Letzte Antwort
                  0
                  • J jwedenig

                    @oliverio sagte in bestimmter Bildausschnitt HTLM/IFRAME:

                    mit dem puppetier adapter kann man webseiten lesen und screenshots davon machen.

                    ich glaube, dass ist mir für meine eine Anwendung doch ein wenig zu kompliziert

                    amg_666A Offline
                    amg_666A Offline
                    amg_666
                    schrieb am zuletzt editiert von
                    #10

                    @jwedenig und wie ist jetzt die Auflösung auf dem Tab ?

                    iobroker auf proxmox container

                    1 Antwort Letzte Antwort
                    0
                    • J Offline
                      J Offline
                      jwedenig
                      Most Active
                      schrieb am zuletzt editiert von
                      #11

                      @amg_666
                      bin leider noch immer in der Arbeit!
                      Melde mich morgen! Danke Euch derweilen

                      1 Antwort Letzte Antwort
                      0
                      • amg_666A amg_666

                        @jwedenig aber was sagt das Tablet? Ist bestimmt ne andere Auflösung...

                        J Offline
                        J Offline
                        jwedenig
                        Most Active
                        schrieb am zuletzt editiert von
                        #12

                        @amg_666

                        So- so schauts aus am Mac:
                        IMG_2206.jpg

                        so am Tablet, welches relevant wäre:

                        IMG_2205.jpg

                        amg_666A 1 Antwort Letzte Antwort
                        0
                        • J jwedenig

                          @amg_666

                          So- so schauts aus am Mac:
                          IMG_2206.jpg

                          so am Tablet, welches relevant wäre:

                          IMG_2205.jpg

                          amg_666A Offline
                          amg_666A Offline
                          amg_666
                          schrieb am zuletzt editiert von
                          #13

                          @jwedenig Dann bin ich leider raus, von der Auflösung her müsste es passen. Was passiert denn, wenn du mit dem iframe mal rumspielst? scrolling="yes" statt no, wenn es - warum auch immer- auf dem Tablet gestaucht wird, müsste es dann mit Scrollbars richtig dargestellt werden, ansonsten hab ich da keine Idee mehr.

                          iobroker auf proxmox container

                          J 1 Antwort Letzte Antwort
                          0
                          • amg_666A amg_666

                            @jwedenig Dann bin ich leider raus, von der Auflösung her müsste es passen. Was passiert denn, wenn du mit dem iframe mal rumspielst? scrolling="yes" statt no, wenn es - warum auch immer- auf dem Tablet gestaucht wird, müsste es dann mit Scrollbars richtig dargestellt werden, ansonsten hab ich da keine Idee mehr.

                            J Offline
                            J Offline
                            jwedenig
                            Most Active
                            schrieb am zuletzt editiert von
                            #14

                            @amg_666

                            ok, danke trotzdem

                            1 Antwort Letzte Antwort
                            0
                            Antworten
                            • In einem neuen Thema antworten
                            Anmelden zum Antworten
                            • Älteste zuerst
                            • Neuste zuerst
                            • Meiste Stimmen


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            540

                            Online

                            32.7k

                            Benutzer

                            82.3k

                            Themen

                            1.3m

                            Beiträge
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2025
                            logo
                            • Anmelden

                            • Du hast noch kein Konto? Registrieren

                            • Anmelden oder registrieren, um zu suchen
                            • Erster Beitrag
                              Letzter Beitrag
                            0
                            • Home
                            • Aktuell
                            • Tags
                            • Ungelesen 0
                            • Kategorien
                            • Unreplied
                            • Beliebt
                            • GitHub
                            • Docu
                            • Hilfe