Как центрировать выравнивание с помощью javascript?

Я хочу установить выравнивание «div» в центр с помощью javascript. Причина использования javascript не работает с «margin: auto» в IE.Как центрировать выравнивание с помощью javascript?

Я закодированы:

<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 
<title> 
All Time Set Window 
</title> 
<script language="JavaScript" type="text/javascript"> 
$(document).ready(
    var winSize = $(window).width(); 
    var margin = winSize % 10; 
    function setMargin(){ 
     $('#main').css({'margin-left':margin,'margin-right':margin}); 
    } 
) 
</script> 
</head> 
<body> 
<div id="main" align="center" style="width:1000px; height:100%; text-align:center; border: #000 solid 1px; margin:auto;"> 
    <div id="inner1" style="width:100%; height:20%; background-color:#F8E0E0; float:top; border: #000 solid 1px;"> 
     <div id="inner11" align="center">This is Header</div> 
    </div> 
    <div id="inner2" style="width:100%; height:60%; background-color:#F5F6CE; border: #000 solid 1px;"> 
     <div id="inner21" align="center" style="width:70%; background-color:#E3F6CE; float:left;">This is Left Frame</div> 
     <div id="inner22" align="center" style="width:30%; background-color:#E0E0F8; float:right;">This is Right Frame</div> 
    </div> 
    <div id="inner3" style="width:100%; height:20%; float:bottom; background-color:#F8E0E0; border: #000 solid 1px;"> 
     <div id="inner23" align="center">This is Footer</div> 
    </div> 
</div> 
</body> 
</html>

Но, до сих пор Javascript код не работает должным образом. Каким может быть решение?

источник

2010-08-20 Anonymous

вы уже установили ALIGN = "центр", что делают вы точно хотите реализовать? –

, где вы установили ссылку 'jQuery.js'. Я предлагаю вам использовать «firebug» https://addons.mozilla.org/en-US/firefox/addon/1843/ – 2010-08-20 08:40:07

Вам не нужен JS, вы можете использовать css: '#main {margin: 0 auto; } '. – OneOfOne

Используйте этот код

$(document).read(function($){ ... })

вместо ваш код:

$(document).ready(...)

Или еще короче:

$(function(){ ... })

источник

2010-08-20 08:01:31 jantimon

Но, все еще не работает !!! – 2010-08-20 08:23:15

Проблема в IE не в Mozilla. – 2010-08-20 08:24:39

Как центрировать выравнивание с помощью javascript?

ответ

Смежные вопросы