Mobile app version of vmapp.org
Login or Join
Steve110

: Google Maps links: deprecated attributes When I validate this page, I'm getting kind of these errors: Error Line 161, Column 438: The scrolling attribute on the iframe element is obsolete.

@Steve110

Posted in: #Google #GoogleMaps #WebDevelopment

When I validate this page, I'm getting kind of these errors:


Error Line 161, Column 438: The scrolling attribute on the iframe
element is obsolete. Use CSS instead.

…95,0.023378&z=14&output=embed">

✉ Error Line 161, Column 438: The marginheight attribute on the iframe
element is obsolete. Use CSS instead.

…95,0.023378&z=14&output=embed">

✉ Error Line 161, Column 438: The marginwidth attribute on the iframe
element is obsolete. Use CSS instead.

…95,0.023378&z=14&output=embed">

✉ Error Line 179, Column 477: The frameborder attribute on the iframe
element is obsolete. Use CSS instead.

…=40.566625,-3.261292&output=embed">

✉ Error Line 179, Column 477: The scrolling attribute on the iframe
element is obsolete. Use CSS instead.

…=40.566625,-3.261292&output=embed">

✉ Error Line 179, Column 477: The marginheight attribute on the iframe
element is obsolete. Use CSS instead.

…=40.566625,-3.261292&output=embed">

✉ Error Line 179, Column 477: The marginwidth attribute on the iframe
element is obsolete. Use CSS instead.

…=40.566625,-3.261292&output=embed">


Is there any way to get a Google Maps link with that erroneous code?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Steve110

1 Comments

Sorted by latest first Latest Oldest Best

 

@Heady270

This has been discussed here: www.webdeveloper.com/forum/showthread.php?261932-google-maps-iframe-error-on-validation There are two proposed solutions.



Eye for Video says:


A few errors will mean little compared to the page content and the number and quality of inbound links.
But if you want, just edit the <iframe> code by hand. You can remove those attributes and style as needed. Those attributes are just styling issues anyway.
This is just an issue with HTML5, not lower versions.




jedaisoul says:


There is an alternative, which would solve this, do not use an Iframe. If you look carefully at the code Google supply for the map, it actually breaks into two links:


The active link that is automatically displayed in the Iframe.
A link to display a larger map, which is not displayed in the Iframe.


What I do is:


Initially use the code as given, and capture the map display using Print Screen. This can be pasted in your favourite graphic editor, optimised, and written to a JPG.
I then substitute an <IMG> displaying the jpg file for the Iframe.
I leave the second call to Google Maps, so people can still access a scrollable, zoomable, active image if required.


This has the additional benefit that the load time for my page is not dependent on a response from Google Maps, which can sometimes be slow. If you want to see what I mean, this site has two Google maps on the home page, which is something I would not recommend you do with live links to Google Maps, particularly on a home page!!! Incidentally it is also an example of how, using fluid design techniques, you can design and structure a site to be viewable on screens from 320 pixels wide upwards. But that is another story...

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme