div отображается по центру в Firefox, но не в IE - PullRequest
Новая
       1

div отображается по центру в Firefox, но не в IE

1 голос
/ 04 декабря 2010

Я пытаюсь выровнять div (используется для Google Maps) в странице в центре, установив margin-left и margin-right до авто , но это работает только с Firefox, но не с Internet Explorer: 

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

Кто-нибудь знает, пожалуйста, как центрировать div в IE тоже?Alex

Ответы [ 2 ]

0 голосов
/ 04 декабря 2010 
<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>

Должен это сделать.И, как утверждает Медер: всегда используйте тип документа!

0 голосов
/ 04 декабря 2010

Используйте doctype, <!DOCTYPE HTML>, прежде чем запускать стандартный режим.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...