Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. HTML-Widget hält Position nicht

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

HTML-Widget hält Position nicht

Scheduled Pinned Locked Moved Visualisierung
15 Posts 3 Posters 1.8k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • W Offline
    W Offline
    Wolf-B
    wrote on last edited by
    #1

    Ich bin gerade dabei, mir einige Views zusammenzubasteln. Dabei bin ich auf Wetter.com auf HTML-Code gestoßen, konnte mir dazu meine Stadt auswählen und habe das in ein HTML-Widget eingebunden.
    Im vis-Editor kann ich es auf seine bestimmungsgemäße Position (rechts unter der Uhrzeit) setzen, aber wenn ich dann die WebSite aufrufe, klebt es immer ganz oben links in der Ecke. Wie kann ich das Widget auf die gewünschte Position fixieren ?
    (siehe Screenshots - die sind nicht unterschiedlich groß - kommt nur vom Scrrenshot-Ausschnitt)

    Ich habe auch schon unter CSS allgemein - Position auf "sticky" gestellt, das hat aber keinen Einfluss. Was mache ich hier falsch ?
    Danke schonmal für Tipps ...

    wetter-1.png

    wetter-2.png

    HomoranH 1 Reply Last reply
    0
    • W Wolf-B

      Ich bin gerade dabei, mir einige Views zusammenzubasteln. Dabei bin ich auf Wetter.com auf HTML-Code gestoßen, konnte mir dazu meine Stadt auswählen und habe das in ein HTML-Widget eingebunden.
      Im vis-Editor kann ich es auf seine bestimmungsgemäße Position (rechts unter der Uhrzeit) setzen, aber wenn ich dann die WebSite aufrufe, klebt es immer ganz oben links in der Ecke. Wie kann ich das Widget auf die gewünschte Position fixieren ?
      (siehe Screenshots - die sind nicht unterschiedlich groß - kommt nur vom Scrrenshot-Ausschnitt)

      Ich habe auch schon unter CSS allgemein - Position auf "sticky" gestellt, das hat aber keinen Einfluss. Was mache ich hier falsch ?
      Danke schonmal für Tipps ...

      wetter-1.png

      wetter-2.png

      HomoranH Offline
      HomoranH Offline
      Homoran
      Global Moderator Administrators
      wrote on last edited by
      #2

      @wolf-b sagte in HTML-Widget hält Position nicht:

      Wie kann ich das Widget auf die gewünschte Position fixieren ?

      wie ist denn die Einstellung von top und left

      Screenshot der Widgetsettings wäre hilfreich

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      W 1 Reply Last reply
      0
      • HomoranH Homoran

        @wolf-b sagte in HTML-Widget hält Position nicht:

        Wie kann ich das Widget auf die gewünschte Position fixieren ?

        wie ist denn die Einstellung von top und left

        Screenshot der Widgetsettings wäre hilfreich

        W Offline
        W Offline
        Wolf-B
        wrote on last edited by
        #3

        @homoran wetter-3.png

        HomoranH 1 Reply Last reply
        0
        • W Wolf-B

          @homoran wetter-3.png

          HomoranH Offline
          HomoranH Offline
          Homoran
          Global Moderator Administrators
          wrote on last edited by Homoran
          #4

          @wolf-b ich hab noch nie mit sticky gearbeitet.
          da sind left und top auch ausgegraut!

          ich weiß auch nicht ob im html code eine Position steht

          ggf. auch nur etwas mehr Platz zu benachbarten Elementen lassen, falls die Zeichen in der Runtime zu viel Platz brauchen.

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          W 1 Reply Last reply
          0
          • HomoranH Homoran

            @wolf-b ich hab noch nie mit sticky gearbeitet.
            da sind left und top auch ausgegraut!

            ich weiß auch nicht ob im html code eine Position steht

            ggf. auch nur etwas mehr Platz zu benachbarten Elementen lassen, falls die Zeichen in der Runtime zu viel Platz brauchen.

            W Offline
            W Offline
            Wolf-B
            wrote on last edited by Negalein
            #5

            @homoran Ich habe jetzt mal die Position des Widgets grob verändert, aber das Ergebnis bleibt das Gleiche. Hier ist mal der Code, den ich im Widget eingebettet habe. Ich finde da keine absolute Positionen, allerdings bin ich auch in HTML nicht sooo fit ...

            <div id="wcom-95322618610ca309734365135b228707" class="wcom-default w300x250" style="border: 0px none; background-color: rgb(169, 187, 231); border-radius: 19px;"><link rel="stylesheet" href="//cs3.wettercomassets.com/woys/5/css/w.css" media="all"><div class="wcom-city"><a style="color: #000" href="https://www.wetter.com/deutschland/aschaffenburg/DE0000385.html" target="_blank" rel="nofollow" aria-label="Wetter Berlin" title="Wetter Aschaffenburg">Wetter Aschaffenburg</a></div><div id="wcom-95322618610ca309734365135b228707-weather"></div><script type="text/javascript" src="//cs3.wettercomassets.com/woys/5/js/w.js"></script><script type="text/javascript">_wcomWidget({id: 'wcom-95322618610ca309734365135b228707',location: 'DE0000385',format: '300x250',type: 'summary'});</script></div>
            

            Mod-Edit: Code in </> Code-Tag gepackt!

            HomoranH 1 Reply Last reply
            0
            • W Wolf-B

              @homoran Ich habe jetzt mal die Position des Widgets grob verändert, aber das Ergebnis bleibt das Gleiche. Hier ist mal der Code, den ich im Widget eingebettet habe. Ich finde da keine absolute Positionen, allerdings bin ich auch in HTML nicht sooo fit ...

              <div id="wcom-95322618610ca309734365135b228707" class="wcom-default w300x250" style="border: 0px none; background-color: rgb(169, 187, 231); border-radius: 19px;"><link rel="stylesheet" href="//cs3.wettercomassets.com/woys/5/css/w.css" media="all"><div class="wcom-city"><a style="color: #000" href="https://www.wetter.com/deutschland/aschaffenburg/DE0000385.html" target="_blank" rel="nofollow" aria-label="Wetter Berlin" title="Wetter Aschaffenburg">Wetter Aschaffenburg</a></div><div id="wcom-95322618610ca309734365135b228707-weather"></div><script type="text/javascript" src="//cs3.wettercomassets.com/woys/5/js/w.js"></script><script type="text/javascript">_wcomWidget({id: 'wcom-95322618610ca309734365135b228707',location: 'DE0000385',format: '300x250',type: 'summary'});</script></div>
              

              Mod-Edit: Code in </> Code-Tag gepackt!

              HomoranH Offline
              HomoranH Offline
              Homoran
              Global Moderator Administrators
              wrote on last edited by
              #6

              @wolf-b sagte in HTML-Widget hält Position nicht:

              allerdings bin ich auch in HTML nicht sooo fit ...

              da sind wir schon zwei!
              ich finde lediglich die Größe mit 250x300

              mach das Widget mal etwas größer und nimm Sticky wieder raus

              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

              W 1 Reply Last reply
              0
              • HomoranH Homoran

                @wolf-b sagte in HTML-Widget hält Position nicht:

                allerdings bin ich auch in HTML nicht sooo fit ...

                da sind wir schon zwei!
                ich finde lediglich die Größe mit 250x300

                mach das Widget mal etwas größer und nimm Sticky wieder raus

                W Offline
                W Offline
                Wolf-B
                wrote on last edited by
                #7

                @homoran Wenn ich an der Widget-Größe 250x300 drehe, bricht das alles in sich zusammen. Den Widget-Rahmen vergrößern bringt auch nichts - "Sticky" ist wieder draußen. Dafür sind jetzt aber Left und Top nicht mehr ausgegraut. Die Werte auktualisieren sich auch, wenn ich das Widgeet verschiebe, aber bringt letztlich auch nichts.

                W 1 Reply Last reply
                0
                • W Wolf-B

                  @homoran Wenn ich an der Widget-Größe 250x300 drehe, bricht das alles in sich zusammen. Den Widget-Rahmen vergrößern bringt auch nichts - "Sticky" ist wieder draußen. Dafür sind jetzt aber Left und Top nicht mehr ausgegraut. Die Werte auktualisieren sich auch, wenn ich das Widgeet verschiebe, aber bringt letztlich auch nichts.

                  W Offline
                  W Offline
                  Wolf-B
                  wrote on last edited by
                  #8

                  @wolf-b Ich habe jetzt mal ein anderes (allerdings nicht so schönes) HTML für's Wetter gefunden, das hält aber in der gewünschten Position, also scheint das wohl am HTML-Code zu liegen, evtl. wird die Position beim Wetterabruf auf deren Server gefixt ?
                  wetter-4.png

                  1Topf1 HomoranH 2 Replies Last reply
                  0
                  • W Wolf-B

                    @wolf-b Ich habe jetzt mal ein anderes (allerdings nicht so schönes) HTML für's Wetter gefunden, das hält aber in der gewünschten Position, also scheint das wohl am HTML-Code zu liegen, evtl. wird die Position beim Wetterabruf auf deren Server gefixt ?
                    wetter-4.png

                    1Topf1 Offline
                    1Topf1 Offline
                    1Topf
                    wrote on last edited by
                    #9

                    @wolf-b

                    Ich hab das eigentlich so wie du, und bei mir bleibt es an Ort und Stelle. Bei "Position" habe ich gar nichts angegeben.

                    vis_wetter.jpg

                    W 1 Reply Last reply
                    0
                    • 1Topf1 1Topf

                      @wolf-b

                      Ich hab das eigentlich so wie du, und bei mir bleibt es an Ort und Stelle. Bei "Position" habe ich gar nichts angegeben.

                      vis_wetter.jpg

                      W Offline
                      W Offline
                      Wolf-B
                      wrote on last edited by
                      #10

                      @1topf Welche Wetterseite ist das denn ?

                      1Topf1 1 Reply Last reply
                      0
                      • W Wolf-B

                        @wolf-b Ich habe jetzt mal ein anderes (allerdings nicht so schönes) HTML für's Wetter gefunden, das hält aber in der gewünschten Position, also scheint das wohl am HTML-Code zu liegen, evtl. wird die Position beim Wetterabruf auf deren Server gefixt ?
                        wetter-4.png

                        HomoranH Offline
                        HomoranH Offline
                        Homoran
                        Global Moderator Administrators
                        wrote on last edited by
                        #11

                        @wolf-b sagte in HTML-Widget hält Position nicht:

                        also scheint das wohl am HTML-Code zu liegen, evtl. wird die Position beim Wetterabruf auf deren Server gefixt ?

                        da ist aber noch ein Fehler, rs wird ja auch nur drr Alternativtext angezeigt

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        1 Reply Last reply
                        0
                        • W Wolf-B

                          @1topf Welche Wetterseite ist das denn ?

                          1Topf1 Offline
                          1Topf1 Offline
                          1Topf
                          wrote on last edited by 1Topf
                          #12

                          @wolf-b

                          daswetter.com

                          Edit: So, hab hier noch die Anleitung gefunden.

                          W 1 Reply Last reply
                          1
                          • 1Topf1 1Topf

                            @wolf-b

                            daswetter.com

                            Edit: So, hab hier noch die Anleitung gefunden.

                            W Offline
                            W Offline
                            Wolf-B
                            wrote on last edited by
                            #13

                            @1topf Ich danke Dir für Deine Mühe - werde ich mir ansehen, ist aber leider ohne Windgeschwindigkeit, oder ?

                            1Topf1 1 Reply Last reply
                            0
                            • W Wolf-B

                              @1topf Ich danke Dir für Deine Mühe - werde ich mir ansehen, ist aber leider ohne Windgeschwindigkeit, oder ?

                              1Topf1 Offline
                              1Topf1 Offline
                              1Topf
                              wrote on last edited by
                              #14

                              @wolf-b Doch, Wind kann man beim erstellen auf deren Seite auswählen. Brauch ich aber nicht, hab Bäume vorm Fenster, da seh ich an deren Neigungswinkel wieviel Wind geht. :grin:

                              W 1 Reply Last reply
                              1
                              • 1Topf1 1Topf

                                @wolf-b Doch, Wind kann man beim erstellen auf deren Seite auswählen. Brauch ich aber nicht, hab Bäume vorm Fenster, da seh ich an deren Neigungswinkel wieviel Wind geht. :grin:

                                W Offline
                                W Offline
                                Wolf-B
                                wrote on last edited by
                                #15

                                @1topf Super - das sieht doch schon ganz gut aus - und bleibt auf Position. Da sage ich mal: Danke Dir !
                                wetter-5.png

                                1 Reply Last reply
                                0
                                Reply
                                • Reply as topic
                                Log in to reply
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes


                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                329

                                Online

                                32.6k

                                Users

                                82.1k

                                Topics

                                1.3m

                                Posts
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                ioBroker Community 2014-2025
                                logo
                                • Login

                                • Don't have an account? Register

                                • Login or register to search.
                                • First post
                                  Last post
                                0
                                • Home
                                • Recent
                                • Tags
                                • Unread 0
                                • Categories
                                • Unreplied
                                • Popular
                                • GitHub
                                • Docu
                                • Hilfe