Comunidad de diseño web y desarrollo en internet online

Tabla no centra el contenido

Citar            
MensajeEscrito el 02 Ago 2011 01:37 am
Buenas,

Tenngo una tabla que muestra nombres y cargos, lo hice con dreamweaver y en este programa se ve centrado pero cuando lo veo ya sea con firefox, safari o chrome no lo muestra centrado.

Utilizando css trate de centrarlo y al parecer se centra bien pero viendolo por el navegador no se ve bien.

CSS para centrar

Código HTML :

#centrartabla {
   font-family: tahoma;
   font-size:11px;
   line-height:13px;
   color:#454545;
   text-align: center;
}


HTML de la tabla

Código HTML :

<table width="399" border="1" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="210"><p><br>
                        <span id="centrartabla">Robin Wiscovitch, PhD, Biochemistry. </span></p></td>
                      <td width="183"><p><br>
                      <span id="centrartabla">President and CEO.</span></p></td>
                    </tr>
                    <tr>
                      <td><p><br><span id="centrartabla">Juan Valdes G.,PhD,Chemistry.</span></p></td>
                      <td><p><br><span id="centrartabla">Secretary and VP.</span></p></td>
                    </tr>
                    <tr>
                      <td><p><br><span id="centrartabla">Roy Mora, MD.</span></p></td>
                      <td><p><br>
                      <span id="centrartabla">Treasurer and Executive VP.</span></p></td>
                    </tr>
                    <tr>
                      <td><p><br>
                      <span id="centrartabla">Ken Frederick, Member.</span></p></td>
                      <td><p><br>
                      <span id="centrartabla">Distribution Director.</span></p></td>
                    </tr>
                  </table>


Asi se ve acualmente:


Y asi se ve en dream weaver:


Saludos,

Por pelonms7

33 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 02 Ago 2011 08:56 am
prueba cambiando la clase centrartabla a table asi

Código :

table {
   font-family: tahoma;
   font-size:11px;
   line-height:13px;
   color:#454545;
   text-align: center;
}


asi si que lo muestra centrado en IExplorer

Por gustavo1976

24 de clabLevel



 

msie
Citar            
MensajeEscrito el 02 Ago 2011 08:02 pm
Aparte estas dando un muy mal uso de los IDs en el documento. Un ID se utiliza solo una vez en un documento HTML, para loq eu pretendes hacer ahí se usan clases <tag class="tal"> y en el css .tal { estilos }.

Te sale leer
http://www.cristalab.com/tutoriales/tutorial-basico-de-css-c94l/

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox

 

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