Comment centrer l'alignement à l'aide de javascript?

Je veux placer l'alignement "div" au centre en utilisant javascript. La raison de l'utilisation de javascript ne fonctionne pas de "marge: auto" dans IE.Comment centrer l'alignement à l'aide de javascript?

J'ai codé:

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

Mais, encore du code Javascript ne fonctionne pas correctement. Quelle peut être la solution?

Source

2010-08-20 Anonymous

vous avez déjà défini align = "center", qu'est-ce que vous voulez exactement mettre en œuvre? –

où avez-vous lié le 'jQuery.js'. Je vous suggère d'utiliser 'firebug' https://addons.mozilla.org/fr-fr/firefox/addon/1843/ –

Vous n'avez pas besoin de JS, vous pouvez utiliser css:' #main {margin: 0 auto; } '. – OneOfOne

Utilisez ce code

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

au lieu de votre code:

$(document).ready(...)

Ou encore plus court:

$(function(){ ... })

Source

2010-08-20 08:01:31 jantimon

Mais, ne fonctionne toujours pas !!! –

Le problème est dans IE pas dans Mozilla. –

Comment centrer l'alignement à l'aide de javascript?

Répondre

Questions connexes