div要素は、Firefoxで中央に表示されますが、IE

に私はのmargin-leftとマージン右に自動を設定することにより、pageセンター内（Googleマップを使用）のdivを揃えるしようとしていませんが、これはFirefoxのみではなく、Internet Explorerでは動作します：div要素は、Firefoxで中央に表示されますが、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>

誰にもIEにのdivをセンタリングする方法を、知ってくださいますか？アレックス

出典

2010-12-04 Alexander Farber

doctypeを<!DOCTYPE HTML>より先に使用して、標準モードをトリガーします。

出典

2010-12-04 18:40:44

が助けになる前に、width：700からwidth：700pxに変更しなければなりませんでした。 –

ああ、pxなしの '700'を見つけられませんでした。 '。 –

<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>

する必要があります。そしてMederが述べているように：常にdoctypeを使用してください！

出典

2010-12-04 18:41:57

ありがとう、私は彼女のソリューションがより好きです... –

div要素は、Firefoxで中央に表示されますが、IE

答えて

関連する問題