come faccio a posizionare box al centro del monitor senza tenere conto della sua risoluzione ? Ho provato con
margin-left: auto;
margin-right: auto;
con mozilla e opera funziona con ie no !!
come risolvo questo bug di ie ?
come faccio a posizionare box al centro del monitor senza tenere conto della sua risoluzione ? Ho provato con
margin-left: auto;
margin-right: auto;
con mozilla e opera funziona con ie no !!
come risolvo questo bug di ie ?
Dovresti definire il box contenitore (body) per il div #box
body {
margin:0px 0px 0px 0px;
background: #ffffff;
color: #000000;
height: 100%;
}
#box {
background: #000000;
width: 500px;
margin-right: auto;
margin-left: auto;
}
e il file html :
<html>
<head>
<link rel="stylesheet" href="inc/style.css" type="text/css">
</head>
<body>
<div id="box">fgddhalkjkfallsfa</div>
</body>
</html>
io ho la versione 6 di explorer. Adesso provo con le altre versioni .... forse va meglio ...
Il file Xhtlm dovrà essere così:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="box">Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato Box centrato </div>
</body>
</html>
Il Css così:
body {
margin:0px 0px 0px 0px;
background: #ffffff;
color: #000000;
height: 100%;
}
#box {
background: #ff0000;
width: 500px;
margin-right: auto;
margin-left: auto;
}