Foros del Web » Creando para Internet » CSS »

Problema con el centrado del css en IE

Estas en el tema de Problema con el centrado del css en IE en el foro de CSS en Foros del Web. Alguien me podría decir a que se debe a que el css no se centre y quede a la izquierda en Internet Explorer y si ...
  #1 (permalink)  
Antiguo 24/10/2009, 18:44
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
Busqueda Problema con el centrado del css en IE

Alguien me podría decir a que se debe a que el css no se centre y quede a la izquierda en Internet Explorer y si en Google Chromer y Firefox?

Hay alguna manera de solucionar el problema?

Lo pueden problar en los 3 buscadores antes mensionados:

all-ecuador.webcindario.com

Espero que me ayuden con esta duda que tengo

Gracias de antemano.
  #2 (permalink)  
Antiguo 24/10/2009, 18:57
Avatar de MarioAraque
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Valencia
Mensajes: 1.398
Antigüedad: 8 años, 2 meses
Puntos: 265
Respuesta: Problema con el centrado del css en IE

El div donde contenes la tabla q contiene (valga la redundancia) el elemento descentrado probalo poner a la izquierda, o eliminalo y deja solo la tabla y alineala a tu gusto.

Probaste eso?

Saludos.
  #3 (permalink)  
Antiguo 24/10/2009, 19:08
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema con el centrado del css en IE

Primero que nada necesitas un Doctype para el buen funcionamiento, algo como esto:

Código HTML:
<!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"> 
en la cabecera.

El problema del centrado, prueba quitando el float: left; de ul.topnav.

Una cosa más, la propiedad align=center es obsoleta.
__________________
WFC
codigo82
  #4 (permalink)  
Antiguo 24/10/2009, 19:29
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema con el centrado del css en IE

Bueno he hecho algunos cambios pero solo a la parte de arriba, no se si afectara a tu menu desplegable, espero te sirva:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>ejemplo</title>
  5. <style type="text/css">
  6. *{margin:0 ; padding:0; border:0;}
  7. body {
  8.     font: 10px normal Arial, Helvetica, sans-serif;
  9.     background: #ddd url(fondo.jpg) repeat-x;
  10.  
  11. }
  12. .container {
  13.     width: 960px;
  14.     margin: 0 auto;
  15.     position: relative;
  16. }
  17. #header {background: url(universo.jpg) no-repeat  center top; height:120px;}
  18. .disclaimer {
  19.     color: #999;
  20.     padding: 100px 0 7px 0;
  21.     text-align: right;
  22.     display: block;
  23.     position: absolute;
  24.     top: 0; right: 0;
  25. }
  26. #header .disclaimer a { color: #ccc;}
  27. ul.topnav {
  28.     list-style: none;
  29.     padding: 0 20px;   
  30.     margin:120px 0 0 0;
  31.     float: left;
  32.     width: 920px;
  33.     background: #222;
  34.     font-size: 1.2em;
  35.     background:#CCC url(topnav_bg.gif) repeat-x;
  36. }
  37. ul.topnav li {
  38.     float: left;
  39.     margin: 0; 
  40.     padding: 0 15px 0 0;
  41.     position: relative; /*--Declare X and Y axis base--*/
  42. }
  43. ul.topnav li a{
  44.     padding: 10px 5px;
  45.     color: #fff;
  46.     display: block;
  47.     text-decoration: none;
  48.     float: left;
  49. }
  50. ul.topnav li a:hover{
  51.     background: url(topnav_hover.gif) no-repeat center top;
  52. }
  53. ul.topnav li span { /*--Drop down trigger styles--*/
  54.     width: 17px;
  55.     height: 35px;
  56.     float: left;
  57.     background: url(flecha.jpg) no-repeat center top;
  58. }
  59. ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
  60. ul.topnav li ul.subnav {
  61.     list-style: none;
  62.     position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
  63.     left: 0; top: 35px;
  64.     background: #333;
  65.     margin: 0; padding: 0;
  66.     display: none;
  67.     float: left;
  68.     width: 170px;
  69.     -moz-border-radius-bottomleft: 5px;
  70.     -moz-border-radius-bottomright: 5px;
  71.     -webkit-border-bottom-left-radius: 5px;
  72.     -webkit-border-bottom-right-radius: 5px;
  73.     border: 1px solid #111;
  74. }
  75. ul.topnav li ul.subnav li{
  76.     margin: 0; padding: 0;
  77.     border-top: 1px solid #DF0101; /*--Create bevel effect--*/
  78.     border-bottom: 1px solid #444; /*--Create bevel effect--*/
  79.     clear: both;
  80.     width: 170px;
  81. }
  82. html ul.topnav li ul.subnav li a {
  83.     float: left;
  84.     width: 145px;
  85.     background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
  86.     padding-left: 20px;
  87. }
  88. html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  89.     background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
  90. }
  91. #header img {
  92.     margin: 20px 0 10px;
  93. }
  94. </head>
  95.  
  96. <div class="container">
  97.     <div class="disclaimer">Lo más visto en en la última semana <a href="http://www.SohTanaka.com">LO MEJOR!</a>.</div>
  98.     <div id="header">
  99.         <ul class="topnav">
  100.             <li><a href="inicio.html">Home</a></li>
  101.             <li>
  102.                 <a href="entretenimiento.html">Entretenimiento</a>
  103.                 <ul class="subnav">
  104.                     <li><a href="#">Sub Nav Link</a></li>
  105.                     <li><a href="#">Sub Nav Link</a></li>
  106.                     <li><a href="#">Sub Nav Link</a></li>
  107.                     <li><a href="#">Sub Nav Link</a></li>
  108.                     <li><a href="#">Sub Nav Link</a></li>
  109.                 </ul>
  110.             </li>
  111.             <li>
  112.                 <a href="#">Resources</a>
  113.                 <ul class="subnav">
  114.                     <li><a href="#">Sub Nav Link</a></li>
  115.                     <li><a href="#">Sub Nav Link</a></li>
  116.                     <li><a href="#">Sub Nav Link</a></li>
  117.                     <li><a href="#">Sub Nav Link</a></li>
  118.                     <li><a href="#">Sub Nav Link</a></li>
  119.                     <li><a href="#">Sub Nav Link</a></li>
  120.                 </ul>
  121.             </li>
  122.             <li><a href="#">About Us</a></li>
  123.             <li><a href="#">Advertise</a></li>
  124.             <li><a href="#">Submit</a></li>
  125.             <li><a href="#">Contact Us</a></li>
  126.         </ul>
  127.     </div>
  128.      <div style="clear:both"></div>
  129. </div>
  130. </body>
  131. </html>
__________________
WFC
codigo82
  #5 (permalink)  
Antiguo 25/10/2009, 07:55
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Problema con el centrado del css en IE

Gracias por las respuestas dadas, el problema esta solucionado y es que lo que necesitaba era el <!DOCTYPE...

También he probado lo de ( float: left; de ul.topnav.) sirve para la posición horizontal o vertical de menú.

Respecto al código entero falla el menú desplegable como ya lo habías comentado.

Al principio probé lo de "align=center" en el header, el caso es que no se en que parte se inserta.

Última edición por john09; 25/10/2009 a las 16:31
  #6 (permalink)  
Antiguo 26/10/2009, 09:53
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema con el centrado del css en IE

mmm..., bueno, y quedo resuelto o no?
__________________
WFC
codigo82
  #7 (permalink)  
Antiguo 27/10/2009, 16:36
 
Fecha de Ingreso: octubre-2009
Mensajes: 9
Antigüedad: 8 años, 1 mes
Puntos: 0
De acuerdo Respuesta: Problema con el centrado del css en IE

Cita:
Iniciado por willyfc Ver Mensaje
mmm..., bueno, y quedo resuelto o no?
Sí, todo esta resuelto gracias por la ayuda.

El caso es que me estoy iniciando en PHP y CSS
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:24.