Como Centrar con css

Archivado
Buenos noches,

Vengo a pedir un pelin de ayuda para ver si alguien podria decirme como alinear bordes, imagenes y demas con css y que por favor que de esa forma me la valide en "XHTML Strict" ya que es para un trabajo de clase.

Se que para explorer seria de la siguiente forma.

<div style=”text-align: center;”>
<table style=”margin: auto; text-align: left;”>
<tr><td>Tabla centrada</td><tr>
</table>
</div>


Pero me gustaria saberlo para el resto de navegadores como firefox ,opera, etc..

Muchas gracias...
yo diria que es igual,

peor has probado de cargar el codigo en esos navegadores?

es decir hacer un archivo html y poner

<html>
<head>
</head>
<body>
COPIAR AQUI CODIGO
</body>
</html>

y finalmente abrir archivo con esos navegadores
Es text-align: center, con el guión. http://www.w3schools.com/CSS/pr_text_text-align.asp
amuchamu escribió:Es text-align: center, con el guión. http://www.w3schools.com/CSS/pr_text_text-align.asp


Muchas Gracias amuchamu pero eso es para texto nada mas y si pudiera ser que me ayudarais como hacerlo con imagenes, links y bordes o lo agraderia mucho..

xgc1986 el codigo que yo puse arriba es para IE puede que alguna version del Firefox,opera, safari u otro navegador tambien lo interpreten pero no es lo correcto.

Por cierto si no es mucho pedir podeis por favor decidme que le cambio a este menu para validarlo.

PARTE XHTML

<div id="pagina">
   <div class="menusup">
      <div class="opcionsup">
         <a class="enlacesup" href="#">Historia</a>
         <div class="submenusup">
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 1.1</a></div>
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 1.2</a></div>
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 1.3</a></div>
         </div>
      </div>
      <div class="opcionsup">
         <a class="enlacesup" href="#">Blogs externos</a>
         <div class="submenusup">
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 2.1</a></div>
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 2.2</a></div>
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 2.3</a></div>
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 2.4</a></div>
         </div>
      </div>
      <div class="opcionsup">
         <a class="enlacesup" href="./personajes.html">Personajes</a>
         <div class="submenusup">
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 3.1</a></div>
            <div class="subopsup"><a class="enlacesup2" href="#">Sección 3.2</a></div>
         </div>
      </div>
      
   </div>

   
      </div>


PARTE CSS

.menusup {
   background-color: #0A2FFF;
   color: #FFFFFF;
   border-color: black;
   border-width: 1px;
   border-style: solid;
   text-align: center;
   height: 20px;
   float: left;
   clear: both;
}

.opcionsup {
   width: 145px;
   height: inherit;
   float: left;
}

.opcionsup:hover {
   background-color: #C4EDFF;
}

.opcionsup a.enlacesup {
   text-decoration: none;
   color: white;
}

.opcionsup:hover a.enlacesup {
   color: black;
}

.opcionsup .submenusup {
   position: relative;
   z-index: 1;
   top: 1px;
   border-color: black;
   border-width: 1px;
   border-style: solid;
   background-color: #0A2FFF;
   visibility: hidden;
}

.opcionsup:hover .submenusup {
   visibility: visible;
}

.subopsup:hover {
   background-color: #C4EDFF;
}

.subopsup a.enlacesup2 {
   text-decoration: none;
   color: white;
}

.subopsup:hover a.enlacesup2 {
   color: black;
}


Muchas gracias de verdad me salvais de una muy grande..
ok.

que raro que IE lo acepte sin guiones, te acepta chorradas como esas pero para cosas mas importantes sudan de los standartes y no ponen css3, problemas con dom y bom, etc.

te recomeindo igualmente descargarte un css sheet, hay muchos si buscas por google los encontraras facilmente. Va muy bien para saber todo lo que tiene el css
el tex-align tiene los guiones pero parece que al hacer copy/paste se copio mal.
j4ck st0rm está baneado por "Clon de usuario baneado"
Me suena que es poniéndole width al div y estilo margin: 0 auto

<div style="width: 40%; margin: 0 auto;">Contenido</div>
6 respuestas
Archivado
Volver a General