| Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS | ||||
| FAQ: Centrar contenido de la página |
Se muestran 5 comentarios sin revisar
| Jaime | 02/5/07 |
| Yo hace poco tuve ese problema, lo que hice fue poner una tabla o div centrada con css algo así: .tabla{position:absolute; top:50%,left:50%} claro q esto no la deja 100% centrada, hay que tener la medida de la tabla y con margenes negativos centrarla, osea, así: .tabla{position:absolute; top:50%,left:50%; width:200px;height:200px; margin-top:-100px /*200/ 2 */; margin-left:-100 /* 200 / 2 */} |
|
| theUniC | 02/5/07 |
| El "text-align:center;" funciona para Internet Explorer, pero no para Firefox (qué típico no?). Si no leí mal, IE trata a los elementos displayados com "inline" igual que los elementos mostrados en bloque. Para que funcione también con Firefox, es necesario añadir-le un ancho a la capa i la propiedad "margin". <code> #capa_a_centrar { width:760px; margin:0 auto; /* Centrar en IE */ text-align:center; } </code> |
|
| Angel | 04/5/07 |
| Hace poco tuve un problema similar para solucionarlo, primero pense usar un DIV contenedor pero no funciona tanto en Mozilla como IE (HAy que indicar margenes automaticos lo que genera un margen arriba, si modificas solo ese margen todo se descuadra.) Asi que use una tabla como contenedor, funciona en todo explorador y no requiere css <table align="center"><tr><td> Tu contenido </td></tr> |
|
| Marco | 08/5/07 |
| no se porque te haces tanto problema..es muy facil hacer eso sin necesidad de usar div , es un simple juego de codigos ;) | |
| CarlosN | 30/5/07 |
| Prueba con este codigo body { text-align:center; } #centro{ margin:auto !important; width:900px; text-align:left; } recuerda que lo debes usar en una etiqueta <div id=centro>tus capas o tablas</div> suerte |
|
| Ver la FAQ y todos sus comentarios | |
| Añadir un comentario del artículo |
|
Comentarios no revisados de: |