Cacher un div (complétement)

Version imprimable

06/10/2011, 07h24
bond70

Cacher un div (complétement)

Bonjour,

Voici ma page : http://www.imi-solutions.com/?page_id=974

Voilà mon problème a débuté quand ma carte Google Map ne voulait pas s'afficher sur une de mes pages web sous IE7 (uniquement).

J'ai donc essayé de chercher un site web sur le net au hasard où une carte Google Map s'affichait correctement sous IE7.

J'ai copié le bon code en essayant de le reproduire mais je n'ai pas réussi.

Mais je me suis apercu que quand je collais le code du site qui fonctionnait directement sur ma page, ma carte Google Map s'affiche correctement sous IE7 !!!

J'ai donc utilisé une solution un peu brouillon : cacher le code qui fonctionne dans une div avec visibility:hidden pour que ma propre carte s'affiche sous IE7

Et ca marche !

Cependant maintenant j'ai un gros espace vide en dessous de ma carte. (la div cachée)

Savez-vous donc comment cacher complétement les div invisible ?

PS : je précise que je modifie ce site, mais qu'il existait déjà avant
06/10/2011, 08h47
Vil'Coyote

il faut utiliser la fonctionnalité style.display = none
06/10/2011, 11h14
RomainVALERI

Ta description fait un peu peur quand même en terme de mode opératoire :aie:

Montre-nous éventuellement ton code si tu veux un avis circonstancié ^^

Oui le mode opératoire fait peur. Mais c'est la seule chose qui marche....:?:?

J'ai tenté un display:none, mais c'est pareil qu'avant, les cartes ne s'affichent pas complétement ! =>Voir screen.

Je vous met le code qui marche ci-dessous (il faut juste enlever les div cachée (box-picture1 et box-picture2) qui créent un grand espace inutile) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<h1>Contact Us</h1>
&nbsp;
<iframe style="float: left;" width="350" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=9+Subway+Road+Rockdale,%C2%A0NSW+2216&amp;aq=&amp;sll=-37.804562,144.758306&amp;sspn=0.01653,0.033023&amp;vpsrc=6&amp;ie=UTF8&amp;hq=&amp;hnear=9+Subway+Rd,+Rockdale+New+South+Wales+2216,+Australia&amp;t=m&amp;ll=-33.954182,151.138101&amp;spn=0.00712,0.014977&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe>
 
<div id="box-picture1"><!-- Google Maps Element Code --><iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;visibility:hidden;margin:0;width:350px;height:200px;" src="http://www.google.com/uds/modules/elements/mapselement/iframe.html?maptype=roadmap&latlng=44.692088041727814,-68.0548095703125&mlatlng=44.375909,-68.259593&maddress1=Eagle Lake Rd&maddress2=Bar Harbor, ME&zoom=8&mtitle=Acadia National Park" scrolling="no" allowtransparency="true"></iframe></</div>
 
<h2>Sydney Office</h2>
9 Subway Road
Rockdale, NSW 2216
Australia
 
<strong>P</strong> +612 9567 7500
<strong>F</strong> +612 9567 7222
 
info@imi-solutions.com
 
&nbsp;
 
<iframe style="float: left;" width="350" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=21+Grimes+Court+Derrimut,%C2%A0VIC+3030&amp;aq=&amp;sll=-33.955856,151.137206&amp;sspn=0.008677,0.016512&amp;vpsrc=6&amp;g=9+Subway+Road+Rockdale&amp;ie=UTF8&amp;hq=&amp;hnear=21+Grimes+Ct,+Derrimut+Victoria+3030,+Australia&amp;t=m&amp;ll=-37.801239,144.760838&amp;spn=0.013564,0.030041&amp;z=14&amp;output=embed"></iframe>
 
<div id="box-picture2"><!-- Google Maps Element Code --><iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;visibility:hidden;margin:0;width:350px;height:200px;" src="http://www.google.com/uds/modules/elements/mapselement/iframe.html?maptype=roadmap&latlng=44.692088041727814,-68.0548095703125&mlatlng=44.375909,-68.259593&maddress1=Eagle Lake Rd&maddress2=Bar Harbor, ME&zoom=8&mtitle=Acadia National Park" scrolling="no" allowtransparency="true"></iframe></</div>
 
<h2>Melbourne Office</h2>
21 Grimes Court
Derrimut, VIC 3030
Australia
 
<strong>P</strong> +613 9394 1570
<strong>F</strong> +613 9394 1579
 
info@imi-solutions.com
 
&nbsp;
 
[contact-form 1 "Contact form 1"]

Je rappel que la page finale est ici : http://www.imi-solutions.com/?page_id=974

Merci !!!:ccool::ccool:

Merci !

09/10/2011, 11h37
miss_socrates

div invisible
j'utiliserais la propriété auto pour que la div n'affiche que ce qu'il faut
Code:

1 2 3 4 <style> #div{height: auto;} </style>
10/10/2011, 06h49
bond70

Il faut que j'applique cette propriété sur quelle div, je n'ai pas bien saisi...?

merci!
11/10/2011, 21h18
miss_socrates

cacher la div

Je vois qu'il y a un espace sous les 2 cartes donc pour les 2 div (div-picture1 et div-picture2)