Oggetto Google Maps che non va a tutta larghezza pagina 
Autore: Roberto Luchi
Visite 2294,
Followers 2,
Condiviso 0
Buonasera a tutti,
mi sta succedendo una cosa strana, in una pagina ho inserito l'oggetto "Google Maps" che con il seguente codice nella sezione "Prima della chiusura del tag HEAD"
#imPageRow_3 div{
padding: 0;
width: 100% !important;/* mette a larghezza tutto schermo la riga*/
mi andava a tutta larghezza pagina, adesso ho fatto degli aggiornamenti al programma e all'oggetto e non mi va più a tutta pagina potete aiutarmi?
in allegato il prima e il dopo
Grazie Saluti
Postato il
...sarebbe stato meglio che avessi postato il link del sito...
...comunque se hai fatto delle modifiche nella pagina , magari l'oggetto non è più nella stessa riga di prima...
xRoberto, ... ... ... controlla il nome della riga relativa all'IFRAME googleMAP nel codice sorgente, > Ctrl+U ...
... nel sito dello STAMP ne hai due, alle righe imPageRow_4 e imPageRow_6 ...ed infatti hai usato il codice relativamente a queste righe...
...!... da dove è stata rilevata la riga imPageRow_3 del codice che hai postato ...?...
... come è stato anticipato, con un LINK si potrebbe verificare...
.
Autore
Buongiorno Claudio e KolAsim,
vi metto i link...non riesco a capire la differenza!!!
Grazie tanto
Vecchia versione che funzionava: http://www.econetsrl.info/test3/dove-siamo.html
Nuova versione che non va: http://www.econetsrl.info/test4/dove-siamo.html
ciao Roberto, io ho inserito in questo modo, pagina -> "esperto" (esempio)
prima della chiusura head:
<style>.bg-map {
position: absolute;
left: 0px !important;
bottom: 65px;
}
</style>
prima della chiusura body: (tra iframe e /iframe ovviamente va inserito la tua mappa)
<div class="bg-map" style="width: 100%"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6208.660375768816!2d-77.03553924711063!3d38.91642992849604!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7c6de5af6e45b%3A0xc2524522d4885d2a!2sWashington%2C+Distretto+di+Columbia%2C+Stati+Uniti!5e0!3m2!1sit!2sit!4v1496563911113" width="100%" height="540" frameborder="0" style="border:0" allowfullscreen></iframe>
... correggi il codice IFRAME da così a così
<iframe width="350" eccetera
<iframe width="100%" eccetera
.
Ciao Roberto, per calcolare il numero corretto della ROW puoi vedere questo semplice esempio:
http://www.giancarloweb.it/blog/index.php?id=702uie1o
in più nell'oggetto mappa doresti mettere le misure effettive ad esempio 1920x600.
Autore
Buongiorno KolAsim,
ma come faccio a correggere il codice IFRAME solo della riga 3 e 5 della pagina in questione?
Grazie
Autore
Ho risolto mettendo la larghezza dell'oggetto "Google Maps" a 3000 e così facendo adesso lo mette a tutta larghezza.
Grazie a tutti
... se hai fatto uso del codice IFRAME esteso, basta correggere il WIDTH come indicato precedentemente....
... oppure, visto che fai già uso di codice personalizzato, aggiungi tra i TAG STYLE queste due stringhe:
#imPageRow_3 iframe{ width: 100% !important;}
#imPageRow_5 iframe{ width: 100% !important;}
.
ciao