div apparaît centrée dans Firefox, mais pas dans IE

Je suis en train d'aligner un div (utilisé pour Google Maps) dans page centre en fixant marge gauche et marge droite à automatique , mais cela ne fonctionne qu'avec Firefox, mais pas avec Internet Explorer:div apparaît centrée dans Firefox, mais pas dans IE

<html> 
<head> 
<style type="text/css"> 
    h1,h2,h3,p { text-align: center; } 
#map { width: 700; height: 280; margin-left: auto; margin-right: auto; } 
</style> 
<script type="text/javascript" 
src="http://maps.google.com/maps/api/js?sensor=false"> 
</script> 
<script type="text/javascript"> 

function init() { 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
var opts = { 
    zoom: 9, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
var map = new google.maps.Map(document.getElementById("map"), opts); 
} 

</script> 
<head> 
<body onload="init();"> 
<h3>Map</h3> 
<div id="map"></div> 
</body> 
</html>

-ce que quelqu'un sait s'il vous plaît, comment centrer le div dans IE aussi? Alex

Source

2010-12-04 Alexander Farber

Utilisez un doctype, <!DOCTYPE HTML> avant tout pour déclencher le mode standard.

Source

2010-12-04 18:40:44

Merci, en plaçant avant a aidé, j'ai dû changer la largeur: 700 à la largeur: 700px si –

ah, n'a pas repéré le '700' sans px, ouais toujours spécifier une unité sauf si elle est' 0 '. –

<html> 
<head> 
<style type="text/css"> 
    div#container { width: 700px; text-align: center; margin-left: auto; margin-right: auto; } 
    #map { width: 700; height: 280; } 
</style> 
<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false"> 
</script> 
<script type="text/javascript"> 

function init() { 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var opts = { 
     zoom: 9, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map"), opts); 
} 

</script> 
<head> 
<body onload="init();"> 
    <div id="container"> 
    <h3>Map</h3> 
    <div id="map"></div> 
    </div> 
</body> 
</html>

Doit le faire. Et comme le déclare Meder: Toujours utiliser un doctype!

Source

2010-12-04 18:41:57

Merci, j'aime mieux sa solution si ... –

div apparaît centrée dans Firefox, mais pas dans IE

Répondre

Questions connexes