133720
133720
Nov 26, 2020, updated at Apr 21, 2022 (UTC)
view2022
view4
0
Goto Top

Webseite - HTML - iFrame-Positionierung

GermansolvedQuestionHTMLDevelopment
Hallo Leute.

Ich komme hier nicht weiter und brauche bitte einmal Hilfe von euch.

Folgende Anforderung.
Erstellung einer internen Webseite auf der 3 Dokumente dargestellt werden sollen über einen 42`` TV (oder größer).

Habe eine kleine Seite gebastelt mit 3 PDFs. Das funktioniert auch soweit. Kann aber nicht übernommen werden, weil der Public-TV dies nicht darstellen kann.
Also das ganze per HTM-Datei. Habe nur das Problem das ich diese nicht nebeneinander darstellen kann.

Hat jemand eine Idee ?????

PDFs

1

Bild 2

2

HTML - Inhalt

<!DOCTYPE html>
<html lang="de">  
  <head>
    <meta charset="utf-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>Andre Testseite</title>
	<link rel="stylesheet" href="test.css">  
  </head>
  <body>
 
<main>

<div id="wrap">  
<iframe id="frame" src="schicht_2020.htm">  
</iframe>
</div>

<div id="wrap">  
<iframe id="frame" src="schicht_2020.htm">  
</iframe>
</div>

<div id="wrap">  
<iframe id="frame" src="schicht_2020.htm">  
</iframe>
</div>

</main>

  </body>
</html>

CSS

#wrap {
  width: 750px;
  height: 1000px;
  padding: 0;
  overflow: hidden;
}

#frame {
  width: 1000px;
  height: 2000px;
  border: 0px;
}

#frame {
  zoom: 0.55;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #frame {
    zoom: 1;
  }
}
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 625634

Url: https://administrator.de/contentid/625634

Printed on: April 26, 2024 at 16:04 o'clock

4 Comments
Latest comment
Goto Top
Member: falscher-sperrstatus
falscher-sperrstatus Nov 26, 2020 at 12:58:18 (UTC)
Goto Top
Hallo,

wenn das TV mit Iframes arbeitest kannst du auch direkt mit Tabellen arbeiten, macht den Bock dann auch nicht mehr fett...

Grüße
Member: godlie
godlie Nov 26, 2020 at 12:59:33 (UTC)
Goto Top
Hallo,

pack deine divs mit den iframe in einen div mit display:flex;

........
<div style="display:flex;">  
  <div id="wrap">  
   iframe 
  </div>
  <div id="wrap">  
  iframe 
  </div>
  <div id="wrap>  
  iframe
  </div>
</div>
heart1
Member: Black6Crow
Black6Crow Nov 26, 2020 at 13:00:39 (UTC)
Goto Top
Mit float?

#wrap {
width: 750px;
height: 1000px;
padding: 0;
overflow: hidden;
float: left;
}
Mitglied: 133720
133720 Nov 26, 2020 at 14:00:54 (UTC)
Goto Top
Sehr gut Leute.

Die Lösung war der Ansatz von godlie.
Mit ein paar Anpassungen. Läuft. Fürs erste. ;)
Danke.
GermansolvedQuestionHTMLDevelopment