Widget:GoogleKalender: Unterschied zwischen den Versionen

Aus Seniorenbeirat Wilhelmshaven
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<!-- Quelle: https://www.w3schools.com/howto/howto_css_responsive_iframes.asp -->
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
Zeile 24: Zeile 25:
</head>
</head>
<body>
<body>
<h2>Responsive Iframe</h2>
<h3>Maintain Aspect Ratio 4:3</h3>
<p>Resize the window to see the effect.</p>


<div class="container">  
<div class="container">  

Version vom 8. Dezember 2022, 11:54 Uhr

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container {

 position: relative;
 width: 100%;
 overflow: hidden;
 padding-top: 75%; /* 4:3 Aspect Ratio */

}

.responsive-iframe {

 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 height: 100%;
 border: none;

} </style> </head> <body>

</body> </html>