Discussion :

[paradise]

Salut
Le bloc div "principal" de mon site est très simplement défini comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#contenttext {
	padding: 0 10px 0 0; 	
	float: right;		
	width: 580px;	 
	text-align: justify;
	overflow: auto; }

Il contient principalement des paragraphes de texte, etc. mais aussi quelques autres blocs div pour lesquels je mets un décalage par souci de présentation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#contenttext div {
	margin-left: 15px;	 
	margin-bottom: 10px; }

Cela fonctionne parfaitement avec les images ou autres, mais je ne sais pourquoi un bloc div contenant une carte Google Maps l'accepte mal : seul le "graphique" de la carte est décalé, son conteneur ne tient pas compte du décalage ce qui donne à gauche une bande grise (très moche) de 15 pixels.
Comment annuler le décalage uniquement pour cette carte (et tant pis si elle reste à gauche) ? En modifiant le style (margin ou padding) de la carte que voici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="contenttext"> 					
      (...)
      <h3>Map</h3>		 
      <p>You can click on the mark to view adress:</p>	
 
      <div id="map" style="width: 520px; height: 400px;"></div>
</div>   <!-- /contenttext -->

..rien ne se produit, ce qui parait logique puisque le div est vide.

Des idées ? Je suis un peu paumé là...
Merci !

[c_s_s]

Bonjour,

Pour annuler le décalage à gauche sur le bloc de la carte, tu peux faire :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#contenttext #map {
	margin-left: 0;	 
}

A placer après les déclarations de #contenttext div

[paradise]

Merci pour ta réponse, mais ça ne marche pas..
Pourtant ça devrait, je suis d'accord.

[paradise]

Même en inline ça ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div style="margin: 0;">		 
 
    <div id="map" style="width: 520px; height: 400px;"></div>	
 
    <p>un texte pour voir</p>
</div>

La seule solution qui fonctionne est de supprimer les margin de #contenttext div. A remettre ensuite individuellement pour tous les div concernés

[c_s_s]

Tu as une page en ligne pour y jeter un oeil ?

[Bisûnûrs]

Même en inline ça ne fonctionne pas

Le margin:0 doit être sur le div map et non pas sur le div parent.

[paradise]

@css : non, mais je te poste une capture


@Bisûnûrs : oui tu as raison. Même sur le div #map en inline ça ne fait rien.