Comunidad de diseño web y desarrollo en internet online

Consulta con Css que no centra la pagina.

Citar            
MensajeEscrito el 29 Ago 2008 02:26 pm
Estoy luchando con esta pagina hace varios días y no puedo encontrar el error del centrado de pagina.
Lamentablemente la estoy probando con el IE ya que en este momento estoy en el Trabajo y aca solo tenemos el IE.
El tema es que no no puedo centrar el contenido y no sé porque creo que estoy haciendo todo bien pero no sé cual es error

Les paso los códigos
Css

Código :

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-align:center;
   margin: 0 auto;
   }

#contenedor {
    margin:0 auto;
       width:700px;
   }

#titulo {
   width:700px;
       height:140px;
          }

#menu {
   width:200px;
   float:left;
background-color:#EFEFEF;
          }

#contenido {
   width:390px;
   float:left;
       height:auto;
   padding:10px
   }

#menu2 {
     width:150px;
   float:left;
       height:auto;
       background-color:#FFFFDD;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       padding:5px;
   }

#pie {
   width:760px;
   text-align:center;
   clear:both;
   }

Pagina

Código :

<!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>
<title>Loustau Pi&ntilde;eiro - Auditores Consultores</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="contenedor>
   <div id="titulo"> <img src="333.gif" /></div>
   <div id="menu">
      <ul>
          <li><a href="homeesp.php">Principal</a></li>
         <li><a href="homeesp.php?accion=auditoria">Auditor&iacute;a y Contabilidad</a></li>
         <li><a href="homeesp.php?accion=impuestos">Impuestos y Seguridad Social</a></li>
         <li><a href="homeesp.php?accion=outsourcing">Outsourcing</a></li>
         <li><a href="homeesp.php?accion=tecnologia">Consultor&iacute;a en Tecnolog&iacute;a de la Informaci&oacute;n</a></li>
         <li><a href="homeesp.php?accion=consursos">Concursos y Quiebras</a></li>
         <li><a href="homeesp.php?accion=consultoria">Consultor&iacute;a</a></li>
         <li><a href="homeesp.php?accion=estrategia">Estrategia Corporativa</a></li>
         <li><a href="homeesp.php?accion=contacto">Contacto</a></li>
          </ul>
   </div>
   <div id="contenido">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta augue vitae massa. Proin ultricies. Praesent faucibus, dolor et aliquet aliquet, massa eros dapibus tortor, sed facilisis est sem at turpis. Nam risus. Etiam placerat. Quisque dictum vulputate eros. Sed mauris. Proin viverra. Nullam sit amet diam et enim porta vestibulum. Nam ornare orci sit amet diam luctus feugiat. Maecenas ultrices. Etiam tellus metus, pharetra at, scelerisque at, vulputate ut, nisl. Cras scelerisque, lacus sed sagittis ultricies, metus orci semper nibh, in malesuada turpis ligula eget mi. Nullam vestibulum. Maecenas ligula urna, adipiscing vitae, ultricies eget, rutrum vitae, lacus. Quisque aliquam tempus lorem. 

Cras lobortis, nisi eu volutpat tristique, ligula sapien fringilla nunc, viverra mattis metus orci quis lectus. Fusce scelerisque neque eget ante volutpat auctor. Maecenas nunc. Nunc est lacus, rhoncus sed, bibendum in, semper eu, risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis turpis. Suspendisse dapibus. Sed lobortis sodales sem. Vivamus ultricies risus quis orci. Donec volutpat ante quis massa. Aenean ornare risus dapibus nisl. In nec nunc non leo consectetuer vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed consectetuer ante interdum erat. Mauris est enim, fringilla a, luctus non, dignissim in, quam. Proin purus tortor, aliquam nec, ullamcorper id, tempus non, orci. Duis dignissim aliquet magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam mi leo, volutpat ac, rutrum tincidunt, semper non, sapien. 

Phasellus tempus pede condimentum purus. Aliquam porttitor, neque sed pellentesque eleifend, lorem est tristique nisl, quis pulvinar leo diam et turpis. Curabitur gravida, turpis quis semper accumsan, libero eros mollis odio, sed ullamcorper sem velit in enim. Maecenas pharetra dignissim arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam scelerisque enim sit amet velit. Donec urna. Nullam tortor dui, suscipit sit amet, malesuada a, fermentum nec, augue. Phasellus in massa. Fusce pellentesque, massa tincidunt hendrerit placerat, justo erat adipiscing orci, elementum suscipit risus est id urna. Sed luctus. Duis ut nibh. Donec pharetra, sem nec cursus auctor, lacus lorem pretium enim, quis tempus turpis enim sed nisi. Aliquam adipiscing lobortis sem. Nullam lorem velit, faucibus in, gravida vitae, viverra eu, orci. In libero metus, egestas quis, malesuada nec, pellentesque ac, nisi. 

Donec id metus. Sed imperdiet lorem eu erat. Quisque purus lacus, hendrerit eu, pellentesque eleifend, lacinia ut, elit. Nullam placerat. Praesent vehicula tincidunt sapien. Curabitur sapien elit, fringilla tincidunt, ullamcorper in, rutrum non, ipsum. Vivamus tincidunt ultrices massa. Mauris eu dui. Nam nisi tortor, placerat sollicitudin, sollicitudin id, eleifend sit amet, felis. Aliquam erat volutpat. Vivamus semper erat quis libero. Praesent consectetuer ultrices orci. Vestibulum sagittis porta nibh. Praesent nec est at eros molestie elementum. Morbi malesuada quam vel purus. 

Donec sagittis. Nulla pulvinar porta lorem. Cras aliquet, magna sed cursus hendrerit, est turpis faucibus eros, eget fringilla mauris mi imperdiet est. Nulla tellus nisl, tristique a, fermentum non, lacinia vitae, nulla. Cras malesuada. Curabitur arcu ligula, posuere ut, interdum eget, imperdiet at, lacus. Suspendisse sed erat. Integer mi ligula, dignissim vitae, auctor non, imperdiet in, diam. Etiam non nibh. Pellentesque congue nibh at velit. Curabitur risus ante, venenatis vitae, sodales eget, interdum vel, elit. Donec tellus turpis, vulputate nec, egestas eget, cursus a, nisl. Sed hendrerit justo porta diam. 


   </div>
   <div id="menu2">
      <p>
      <a href="http://www.consejo.org.ar" target="_blank"><img scr="" /></a><br />
      <a>Consejo Profesional de Ciencias Econ&oacute;micas</a>
      </p>
      <p>
      <a href="http://www.cgce.org" target="_blank"><img scr="" /></a><br />
      <a>Colegio de Graduados en Ciencias Econ&oacute;micas</a>
      </p>
      <p>
      <a href="http://www.afip.gov.ar" target="_blank"><img scr="" /></a><br />
      <a>Administraci&oacute;n Federal de Ingresos P&uacute;blicos</a>
      </p>
      <a href="http://www.rentasgcba.gov.ar" target="_blank"><img scr="" /></a><br />
      <a>Rentas de la Ciudad de Buenos Aires</a>
      </p>
      <p>
      <a href="http://www.jus.gov.ar" target="_blank"><img scr="" /></a><br />
      <a>Ministerio de Justicia, Seguridad y Derechos Humanos de la Naci&oacute;n</a>
      </p>
   </div>
   <div id ="pie">
      <a>© Estudio Loustau Pi&ntilde;eiro - Todos los derechos reservados</a>      
   </div>
</div>
</body>
</html>

Desde ya muchas gracias...

Por Rhapsody_Girl

11 de clabLevel



Genero:Femenino  

Buenos Aires Argentina

msie
Citar            
MensajeEscrito el 29 Ago 2008 03:45 pm
Hola, prueba a quitar el margin: 0 auto; de tu body, puedes dejarlo solo margin: 0;

Saludos.

Por lucasan

11 de clabLevel



Genero:Masculino  

Cali

firefox
Citar            
MensajeEscrito el 29 Ago 2008 03:46 pm
Además ponle al body width: 100%;

Por lucasan

11 de clabLevel



Genero:Masculino  

Cali

firefox
Citar            
MensajeEscrito el 29 Ago 2008 05:36 pm
Ahi probé con las 2 formas y no se pudo (por lo menos en IE, en este moemtno no tengo manera de probarlo en oro lado jeje)

Por Rhapsody_Girl

11 de clabLevel



Genero:Femenino  

Buenos Aires Argentina

msie
Citar            
MensajeEscrito el 29 Ago 2008 05:53 pm
Para centrar tu página y que funcione en todos los exploradores (al menos en FF, IE y OP), podes utilizar algo como lo siguiente

Código :

<div style="text-align:center;width:400px">
  <div style="margin:0 auto 0 auto;text-align:left">
    El contenido de tu sitio...
  </div>
</div>


El atributo text-align:center del primer div hace que el contenido se centre para IE, luego con margin:0 auto 0 auto lo logras hacer funcionar en FF y OP, dentro de ese div tmb dices text-align:left para que lo que está dentro de ese div, se alinea a su izquierda. El atributo 400px solo es para que se vea el ejemplo.

Espero que sirva! Exitos!

Por Necrophasto

Claber

148 de clabLevel



Genero:Masculino  

Diseñador gráfico y web

mozilla
Citar            
MensajeEscrito el 29 Ago 2008 06:44 pm
Probé con lo que me dijiste y tmpoco =P =(

Por Rhapsody_Girl

11 de clabLevel



Genero:Femenino  

Buenos Aires Argentina

msie
Citar            
MensajeEscrito el 29 Ago 2008 06:57 pm
Estoy probando tu código de manera local, y el primer error con el que me topé es con un cierre de comillas:

<div id="contenedor> por <div id="contenedor">

Ahora si se centra en FF, pero queda desalineada la columna de la derecha.

Si cambias el width de CONTENIDO, esto entrará correctamente.

Código :

#contenido {

   width:300px;
   float:left;
       height:auto;
   padding:10px
   }


Cuentanos!

Por Necrophasto

Claber

148 de clabLevel



Genero:Masculino  

Diseñador gráfico y web

mozilla
Citar            
MensajeEscrito el 29 Ago 2008 07:44 pm
Millones de gracias...
Era eso, siempre me pasa eso jeje por una " =P
Muchas gracias de nuevo

Por Rhapsody_Girl

11 de clabLevel



Genero:Femenino  

Buenos Aires Argentina

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.