09/10/2006, 18:50
| |||
| |||
| Se puede centrar un div sin meterlo en otro ? Hola, requiero centrar un DIV CON BORDE y sin indicar el WIDTH. El contenido solo sera el texto "HOLA MUNDO" Es posible sin:
Cómo? Busco en GOOLE y solo dicen que lo meta en otro DIV... Pos pa tener un salpicón de DIVS mejor me hago una sola tablita y listo... Se puede ? |
|
10/10/2006, 07:01
| |||
| |||
| Cita: No funciona, el DIV toma el 100% de la ventana.Talves esto te pueda ayudar Css #flote { margin: 0px auto; border: 1px solid #dedbbd; } htm <div id="flote">Hola mundos</div> Cita: Urgido, se trata de centrar el DIV con CSS y sin indicar WIDTH.centrar div? pues con: Gracias por el intento. |
|
10/10/2006, 07:02
| ||||
| ||||
| Cita:
Iniciado por Anarko  Hola, requiero centrar un DIV CON BORDE y sin indicar el WIDTH. El contenido solo sera el texto "HOLA MUNDO" Es posible sin:
Cómo? Hola Anarko, prueba con esto: Código HTML: <style type="text/css"> #centrando_con_borde { text-align:center; border: 2px solid #996600; } </style> </head> <body> <div id="centrando_con_borde"><p>Hola mundo</p></div> </body> Cita: Meter el texto "Hola mundo como un div"
Iniciado por Anarko [*]MEter el DIV en otro DIV  , estarias entonces cometiendo una divitis, no seria correcto.
__________________ Portafolio Desarrollador Web Freelance |
|
10/10/2006, 07:42
| |||
| |||
| Gracias, Precisamente, eso es lo que no quiero hacer, ("DIVITIS"), por eso digo que mejor recurriria a las tablas. He utilizado esto:
Código:
Y el borde del DIV sigue tomandose el 100%. <style type="text/css">
#centrando_con_borde
{
text-align:center;
border: 2px solid #996600;
}
</style>
Luego HTML:
<body>
<div id="centrando_con_borde"><p>Hola mundo</p></div>
</body>
|
|
10/10/2006, 07:47
| ||||
| ||||
| La verdad no entiendo del todo que quieres hacer. Si no quieres tener un ancho determinado y que tampoco te coja el 100%, podrias especificarlo un poco más?
__________________ Portafolio Desarrollador Web Freelance |
|
10/10/2006, 08:22
| |||
| |||
| Gracias. Pretendo tener el div con borde con el ancho que genereen 3 palabras en linea seguida. Las palabras pueden tener 3 o 10 letras. Y el div devera tener su borde e ir centrado. xD No crei que fuera complicado... |
|
10/10/2006, 10:37
| |||
| |||
| Ya le pillé jejejeje. En vez de un DIV lo que debes usar es SPAN. La anchura por defecto de éste va a depender de su contenido, a diferencia del DIV que por defecto toma la anchura completa de su contenedor. Depués en el CSS a SPAN le defines sus margenes laterales en AUTO, y al elemento contenedor (en este caso BODY) debes alinear el texto al centro.
Código:
body{
text-align: center;
}
.mispan{
margin: auto;
...
}
|
|
10/10/2006, 13:37
| |||
| |||
| Hola amigos, pos.... Si, tambien habria podido utilizar un <p> con display:inline; Pero tonces la respuesta a mi pregunta es: No se puede centrar un div con borde sin aplicar WIDTH ¿? Esa es la situación ? |
|
10/10/2006, 13:59
| |||
| |||
| Si a un elemento de bloque (DIV, P, H1, etc.) no le defines un ancho (propiedad WIDTH), por defecto ocupará todo el ancho que tenga disponible en su elemento padre. Para centrar este tipo de elementos debes definir el mismo valor para margin-left y margin-right. Pero en tu caso no es posible ya que quieres que el ancho del elemento se ajuste a su contenido, lo que sólo puedes lograr con un elemento "inline". |
|
10/10/2006, 14:19
| ||||
| ||||
| Cita: de hecho, está sobrando porque a un elemento inline no le puedes asignar un margin, solo a elementos bloque.
Iniciado por frijolerou doutch... tienes toda la razón. Usando un SPAN basta con que en el elemento padre (en este caso BODY) alinees el texto al centro. El MARGIN:AUTO está sobrando  Anarko, yo no conozco la forma de hacerlo (por lo que no me atrevo a decir que no se puede), sin embargo, sí puedo decirte que la mejor forma de obtener el resultado que tú buscas (es decir, la más estándar/accesible/usable) sería aplicando un width y un margin al div. Salud |
|
16/10/2006, 14:37
| |||
| |||
| Hola, Observen esta clase Código PHP: Código PHP: Y no hay ni "DIVITIS" ni "TABLITIS", pero aqui no se necesita una tabla, solo se requiere un DIV con borde, y centrado que presente la info. Pueden decirme como hacerlo ? Es que... Estoy encerrado, hice lo que me sugirieron del SPAN y tampoco funciono: Código PHP: |
|
16/10/2006, 16:38
| ||||
| ||||
| Una tabla reacciona diferente que un div por "default". margin:0 auto; Es lo mismo que ya te comentaron, la diferencia con una tabla es que la tabla y las celdas "colapsan" si está vacío, y justo comienzan a llenarse. Un div por el contrario es un elemento organizador, amplio para que le quepan cosas dentro. Una cosa es divititis y otra usar lo que requieras. Tal vez te funcione usar una tabla como en el ejemplo, con una celda. |
|
16/10/2006, 18:48
| ||||
| ||||
| Cita:
Iniciado por Anarko Código PHP: Y no hay ni "DIVITIS" ni "TABLITIS", pero aqui no se necesita una tabla, solo se requiere un DIV con borde, y centrado que presente la info. Pueden decirme como hacerlo ? Es que... Estoy encerrado, hice lo que me sugirieron del SPAN y tampoco funciono: Código PHP: por dios, ese código es asqueroso, mejor méte el div en otro div y así limpias más el código :s |
|
17/10/2006, 05:58
| ||||
| ||||
 ¿Cual es el problema de incluir un DIV dentro de otro DIV? La verdad es que no entiendo porque tanto lio, si lo mas facil es hacerlo así, porque buscarle 5 patas al gato y "complicarnos" queriendo hacerlo "mas facil". En las tablas tambien se usa incluir un <table> dentro de otra <table> y nadie dice nada. Total en una página donde van tantos DIV, ¿cual es el problema de incluir uno dentro de otro? ¿hay alguna razón de importancia?  saludos amig@s
__________________ Por prudencia, la palabra SIEMPRE, no la deberiamos usar NUNCA Bhagat Dominguez www.percusioncreativa.com |
|
17/10/2006, 16:37
| ||||
| ||||
| Hola de nuevo. Sí no me equivoco creo que no quieres meter un div dentro de otro div para no cometer una supuesta divitis, y no es así, ya que eso en css si es posible es más en muchas ocasiones se utiliza un div contenedor que luego dentro lleva todo el contenido general y con varios divs así que no es una divitis, el problema de la divitis es por ejemplo que en un encabezado, texto, y contenido en general en vez de utilizar h1, p, etc etc utilizas siempre un div delante, como por ejemplo podria ser algo así: Código HTML: <div>Encabezado</div> <div>Parrafo</div> <div>Imagen</div> Por otro lado el ejemplo que pones no es muy semántico que digamos, ya que no es normal tener una frase entera sin espacios así que para hacer eso simplemente como te indicaban arriba dándole un margen al texto o al div ya conseguirias tener un espacio y que se estire automaticamente segun el contenido que metas pero siempre con un ancho. De todas formas si quieres centrarlo sin un ancho determinado y sin meter un div en otro div te puede servir esto, que luego cambiarias p por span (al meter más contenido) y listo. Código HTML: <style type="text/css"> #contenedor{ position:relative; text-align:center; margin:0 auto;} .centrando_con_borde{ border: 2px solid #996600; display:inline;} </style> </head> <body> <div id="contenedor"> <p class="centrando_con_borde">Palabra uno dos y tres o las que sean...</p> </div> </div> </body> 
__________________ Portafolio Desarrollador Web Freelance |
