Lokale HTML mit iframes - 4/8 werden angezeigt

meph!sto · 28. März 2025

Hi,
ich habe im WLAN 8 Tasmota Steckdosen.
Um den Zugriff / Wartung zu vereinfachen, will ich die Steckdosen bzw. deren Weboberflächen per iframe auf einer Seite zusammenfassen.
Leider werden nur 4/8 angezeigt.

Habt ihr eine Idee wieso ? Ich habe von HTML 0 Ahnung.

HTML:

<!DOCTYPE html>
<html>
<body>
<div>
    <iframe src="http://192.168.1.143/" style="border:none;height:850px;width:380px;" title="Wallpanel"</iframe>
    <iframe src="http://192.168.1.144/" style="border:none;height:850px;width:380px;" title="Media"</iframe>
    <iframe src="http://192.168.1.145/" style="border:none;height:850px;width:380px;" title="Washingmachine"</iframe>
    <iframe src="http://192.168.1.146/" style="border:none;height:850px;width:380px;" title="Dryer"</iframe>
    <iframe src="http://192.168.1.142/" style="border:none;height:850px;width:380px;" title="Office"</iframe>
    <iframe src="http://192.168.1.141/" style="border:none;height:850px;width:380px;" title="Dishwasher"</iframe>
    <iframe src="http://192.168.1.140/" style="border:none;height:850px;width:380px;" title="Fridge"</iframe>
    <iframe src="http://192.168.1.147/" style="border:none;height:850px;width:380px;" title="TV"</iframe>
</div>
</html>
</body>

|Moppel| · 28. März 2025

Die KI meint, es könnte daran liegen, dass du sie nebeneinander Anzeigen lässt und es möglicherweise zu breit für die Seite ist.

Dabei kam dieser Vorschlag heraus:

HTML:

<!DOCTYPE html>
<html>
<body>
<div style="white-space: nowrap; overflow-x: auto;">
  <iframe src="http://192.168.1.143/" style="border:none;height:850px;width:380px;display:inline-block;" title="Wallpanel"></iframe>
  <iframe src="http://192.168.1.144/" style="border:none;height:850px;width:380px;display:inline-block;" title="Media"></iframe>
  <iframe src="http://192.168.1.145/" style="border:none;height:850px;width:380px;display:inline-block;" title="Washingmachine"></iframe>
  <iframe src="http://192.168.1.146/" style="border:none;height:850px;width:380px;display:inline-block;" title="Dryer"></iframe>
  <iframe src="http://192.168.1.142/" style="border:none;height:850px;width:380px;display:inline-block;" title="Office"></iframe>
  <iframe src="http://192.168.1.141/" style="border:none;height:850px;width:380px;display:inline-block;" title="Dishwasher"></iframe>
  <iframe src="http://192.168.1.140/" style="border:none;height:850px;width:380px;display:inline-block;" title="Fridge"></iframe>
  <iframe src="http://192.168.1.147/" style="border:none;height:850px;width:380px;display:inline-block;" title="TV"></iframe>
</div>
</body>
</html>

SFFox · 28. März 2025

Zeigt er sie nebeneinander oder untereinander an? Stimmen die IP Adressen, kannst du jede davon einzeln abrufen? Werden immer nur die 4 ersten angezeigt? Hast du mal die Reihenfolge verändert?

Sephe · 28. März 2025

Wird wohl daran liegen, dass die iframe Tags nach dem title alle noch offen sind.

blablub1212 · 28. März 2025

Dein HTML hat ein paar Syntaxfehler:

HTML:

<iframe src="url" title="description"></iframe>

Bei deinem Code fehlt > nach dem Titel.

rg88 · 29. März 2025

ich bin gerade über die Fehlertoleranz des Browsers überrascht und begeistert.
er gibt zwar nur die Hälfte des erhofften Ergebnisses aus, aber das sind immer noch 50%, bei 100% Fehleingabe. Dass da überhaupt irgendwas angezeigt wird, find ich faszinierend

K-551 · 29. März 2025

Wenn du die Adressen mal tauschst, wandert der Fehler mit den adressen oder bleibt er an den Positionen?

Erst mal rausbekommen, ob es an den Positionen oder angesteuerten Adressen liegt...

meph!sto · 29. März 2025

Danke für eure Geduld und scharfe Augen.

Sephe schrieb:
Wird wohl daran liegen, dass die iframe Tags nach dem title alle noch offen sind.

blablub1212 schrieb:
Dein HTML hat ein paar Syntaxfehler:

HTML:

<iframe src="url" title="description"></iframe>

Bei deinem Code fehlt > nach dem Titel.

Das war natürlich des Rätsels Lösung.

Danke

floq0r · 29. März 2025

@rg88 Ich denke die Logik wird sein: Geht ein < auf ohne, dass vorher ein Tag geschlossen wurde dann füge ein > ein

Miximus · 29. März 2025

|Moppel| schrieb:
Dabei kam dieser Vorschlag heraus:

Das zeigt, dass die nix taugt. Wenn dann eher display: flex.

|Moppel| · 29. März 2025

Immerhin wurde der Syntaxfehler mitkorrigiert.

rg88 · 30. März 2025

floq0r schrieb:
@rg88 Ich denke die Logik wird sein: Geht ein < auf ohne, dass vorher ein Tag geschlossen wurde dann füge ein > ein

Ich denke die Logik geht einfach "bis es passt", also sauber abgeschlossen ist und der Rest was dann als Datenmüll übrigbleibt wird weggeschnitten. Deshalb 50% der Einträge sind da

Suche

Lokale HTML mit iframes - 4/8 werden angezeigt

meph!sto

Vice Admiral

|Moppel|

Commodore Pro

SFFox

Commander Pro

Sephe

Rear Admiral

blablub1212

Rear Admiral

rg88

Fleet Admiral

K-551

Commander

meph!sto

Vice Admiral

floq0r

Captain

Miximus

Banned

|Moppel|

Commodore Pro

rg88

Fleet Admiral

Ähnliche Themen