problema de mi web en internet explore

adrin · 2 Sep 2008, 18:16 · Solicitar retirada

tengo un problema con mi web en internet explore la web se me queda pegado en la parte izquierda como lo poco centrado este es el codigo css

body {background-color: #27408B}
#fondo {background-color:#FFFFFF; width: 820px; margin: 4px auto; padding: 6px 0px; text-align: center}
img {border-style: none}
#global {margin: 0px auto; width: 800px}

#cabecera {background-image:url(imagenes/degradado1.jpg); height: 120px; margin: 0px 0px 4px 0px}


#banner {float:right}



#menu {text-align:center; padding: 10px 0px 15px 0px; background-image:url(imagenes/degradado2.jpg)}
#contenido {padding: 10px 10px 10px 10px; text-indent: 15px; text-align: justify}

#copyright {font-size:0.7em; text-align:center; color:#000000}
	*{
	list-style:none;
}
#menucontainer{
	position:relative;
	height:50px;
	color:#FFFFFF;
	background:#383636;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#menunav{
	position:relative;
	height:38px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(images/background.jpg) repeat-x bottom left;
	padding:0 0 0 20px;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(images/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(images/left.jpg) no-repeat top left;
	line-height:275%;}
#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#383636 url(images/right.jpg) no-repeat top right;
	height:38px;}




#menu a {color: #CCCCCC; display:block; text-decoration:none; background-color: #1C1C1C; margin: 1px}
#menu a:link {} 
#menu a:visited {} 
#menu a:hover {color: #FFFFFF; background-color:#000000} 
#menu a:active {color: #99FFFF}

ul {margin: 0px; padding: 0px; list-style: none}
h4 {color: #CCCCCC; font-weight: bold; font-size:20px}
h1 {font-size:25px}
h2 {font-size:20px}
h3 {font-size:15px}

Ax3l · 2 Sep 2008, 19:56 · Solicitar retirada

holaaa.. puedes dejar tambien el url de tu web o al menos el codigo html tambien porfa. asi lo podremos ver mejor

Raulyure · 2 Sep 2008, 21:06 · Solicitar retirada

adrin escribió:tengo un problema con mi web en internet explore la web se me queda pegado en la parte izquierda como lo poco centrado este es el codigo css

body {background-color: #27408B}
#fondo {background-color:#FFFFFF; width: 820px; margin: 4px auto; padding: 6px 0px; text-align: center}
img {border-style: none}
#global {margin: 0px auto; width: 800px}

#cabecera {background-image:url(imagenes/degradado1.jpg); height: 120px; margin: 0px 0px 4px 0px}


#banner {float:right}



#menu {text-align:center; padding: 10px 0px 15px 0px; background-image:url(imagenes/degradado2.jpg)}
#contenido {padding: 10px 10px 10px 10px; text-indent: 15px; text-align: justify}

#copyright {font-size:0.7em; text-align:center; color:#000000}
	*{
	list-style:none;
}
#menucontainer{
	position:relative;
	height:50px;
	color:#FFFFFF;
	background:#383636;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#menunav{
	position:relative;
	height:38px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(images/background.jpg) repeat-x bottom left;
	padding:0 0 0 20px;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(images/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(images/left.jpg) no-repeat top left;
	line-height:275%;}
#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#383636 url(images/right.jpg) no-repeat top right;
	height:38px;}




#menu a {color: #CCCCCC; display:block; text-decoration:none; background-color: #1C1C1C; margin: 1px}
#menu a:link {} 
#menu a:visited {} 
#menu a:hover {color: #FFFFFF; background-color:#000000} 
#menu a:active {color: #99FFFF}

ul {margin: 0px; padding: 0px; list-style: none}
h4 {color: #CCCCCC; font-weight: bold; font-size:20px}
h1 {font-size:25px}
h2 {font-size:20px}
h3 {font-size:15px}

Hola:
En principio, yo le recomendaría que al body en la hoja de estilo le añadiese un text-align:center; antes de ese background-color: #27408B
eso haría que le centrara todo lo que pone en la página.
Lógicamente le añado que sería bueno que, como le dijo Ax3l, pegue acá en un mensaje todos los códigos tanto los de su página como los de su hoja de estilo, para visualizar mejor el problema
Saludos

adrin · 2 Sep 2008, 22:39 · Solicitar retirada

val esque se me olvido es http://consolerevolution.es

y el codigo html

<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>nes</title>
<link href="estilo.css" media="screen" rel="StyleSheet" type="text/css">
<meta name="keywords" content="consolas antiguas, atari ,atari 5500,consola de los años 80, otras consolas,">
</head>
<body>

<div id="fondo">
<div id="global">

<div id="cabecera">

</div>


<div id='menucontainer'>
<div id='menunav'>
<ul>
<li >[url='index.php']<span >inicio</span>[/url]
<li >[url='http://consolerevolution.es/foro/']<span >foro</span>[/url]
<li >[url='tutoriales.html']<span >tutoriales</span>[/url]
<li >[url='consolas.html']<span >consolas</span>[/url]
<li >[url='juegos.html']<span >juegos</span>[/url]
<li >[url='mensajeria.html']<span >mensajes</span>[/url]
<li >[url='videojuegos.html']<span >videojuegos</span>[/url]
[/list]
</div>
</div>




[/list]
</tr>
</table>
</div> 

<table width="100%" border="0">
<tr>
<td width="160" valign="top" id="menu">
<h4>Menú</h4>
<ul>
[*][url="atari2600.html"]atari 2600[/url]

[/list]

</td>

<td valign="top" id="contenido">
<h1>atari 5500</h1>
[img]otras%20consolas/atari5200_tn.jpg[/img]


hecho en 1977</p>


ultima consola de atari se hundio junto a la crisis de los juegos mejoro sus mandos y graficos sus cartucheras eran mas pequeñas que el de la nes cosa extraña claro está aqui se undio esta consola mas tarde volvio como empresa de hacer juegos para las consolas 




</object>
</div>
</td>
</tr>
</table>

<div id="copyright">Copyright&copy; 2008 - Página creada por Adrino - Todos los derechos reservados</div>

</div>
</div>

</body> 
</html>

linkgl · 3 Sep 2008, 00:52 · Solicitar retirada

Es verdad ponle en body {text-align: center}

adrin · 3 Sep 2008, 09:54 · Solicitar retirada

lo probare mas tarde pero seguro que esa es la solucion

adrin · 3 Sep 2008, 12:26 · Solicitar retirada

gracias ya lo he arreglado