kostenloser Webspace werbefrei: lima-city

iframe 100% width html5 validation

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   cloudside

   cloudside hat kostenlosen Webspace.

   20:29, 31.5.2013

   Hallo,
   tag/folgendes problem">folgendes Problem:
   

   <iframe src="hallo.php" width="100%" height="35px"></iframe>

   
   War bis jetzt immer valide.
   Nun sagt der W3 Validator dass das mit HTML5 nichtmehr valide ist.
   
   Ist das ein Fehler? Oder wirklich so?
   Soll ich dass dann mit CSS umsetzen?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. n0tiert

   

   n0tiert hat kostenlosen Webspace.

   20:33, 31.5.2013

   neue definitionen in html 5
   
   http://www.w3schools.com/tags/tag_iframe.asp
   
   was geht und was nicht:
   
   http://www.w3ctutorial.com/html5-tags/tag-iframe
   
   Beitrag zuletzt geändert: 31.5.2013 20:41:35 von n0tiert
4. Autor dieses Themas

   cloudside

   cloudside hat kostenlosen Webspace.

   21:28, 31.5.2013

   Dankeschön für die Antwort! :)
   Nur verstehe ich nicht wieso...
   und soweit ich sehe, gilt das ja doch in HTML5... Also, ist der Validator dann falsch?
   
   Beitrag zuletzt geändert: 31.5.2013 21:29:37 von cloudside

5. timebandit

   timebandit hat kostenlosen Webspace.

   22:05, 31.5.2013

   Fehler liegt darin: width="100%"
   HTML5 verlangt Höhen- und Breitenangaben des iframes in Pixel.
6. Autor dieses Themas

   cloudside

   cloudside hat kostenlosen Webspace.

   22:27, 31.5.2013

   Also wie soll ich es dann anders umsetzen?
   Die breite ist dynamisch.

7. n0tiert

   

   n0tiert hat kostenlosen Webspace.

   23:09, 31.5.2013

   cloudside schrieb:
   Also wie soll ich es dann anders umsetzen?
   Die breite ist dynamisch.

   
   
   so geht´s
   
   css:
   

   #wrapper { position:fixed; left:0; width:100%; top:0; height:100%; }
   #iframe { width:100%; height:100%; }

   
   
   html:
   
   

   <div id="wrapper">
       <iframe src="http://lima-city.de" frameborder="0" id="iframe"></iframe>
   </div>

   
   
   zum spielen & testen
   
   http://jsfiddle.net/2Bgwv/1/
   
   
   (nicht validator getestet)
   
   
   
   Beitrag zuletzt geändert: 31.5.2013 23:13:06 von n0tiert

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?