21/08/2009, 08:52
| |||
| |||
 Bordes problemas Código HTML: <body> <div style="border: 1px solid #FF0000; width: 970px;"> <div style="margin: 20px; width: 100%; height: 100px; border: 20px solid #0000FF; "></div> </div> <div style="height: 200px"></div> <table style="border: 1px solid #FF0000; width: 970px;" cellspacing="20"> <tr> <td style="border: 20px solid #0000FF; width: 100%; height: 100px;"> </td> </tr> </table> </body> Imágen de orientación: h t t p://img257.imageshack.us/img257/9213/bordes.png Gracias de antemano |
|
21/08/2009, 09:00
| |||
| |||
| Respuesta: Bordes problemas Cita: Porque se lo estás indicando. Recuerda el modelo de caja estándar y, por lo tanto, cuál es el espacio total ocupado por un elemento.Por qué el div del borde azul sobresale del otro div? Cita: Pues porque las tablas tienen sus propiedades y comportamientos inherentes, como los tiene cualquier otro selector (un divisor, una lista, un párrafo...). Y por qué no ocurre eso con las tablas? |
|
21/08/2009, 09:16
| |||
| |||
| Respuesta: Bordes problemas Gracias por la respuesta: kseso? Uhm... pero, yo no le estoy indicando nada. Lo que le digo es que su width sea del 100% y si no pongo bordes me lo respeta, pero si pongo bordes me sale del otro div. He mirado la página que me has enseñado, pero creo que es una traducción de una página inglesa o algo asi, porque repetidas veces he intentado leer y comprender esos contenidos y no lo consigo. Sé lo que es padding, margin, borders, etc... lo que no consigo entender es por que les pasa eso a los divs Gracias de nuevo |
|
21/08/2009, 09:38
| ||||
| ||||
| Respuesta: Bordes problemas Hola... Insistiendo en lo que dice kseso?, si marcas el segundo div (el interior) con un width: 100% estás forzándolo. Mira qué ocurre si quitas ese forzado: Código HTML: <div style="border: 1px solid #FF0000; width: 970px;"> <div style="margin: 20px; height: 100px; border: 20px solid #0000FF;"></div> </div> Bye |
|
21/08/2009, 09:55
| |||
| |||
| Respuesta: Bordes problemas  Cierto... No había caido en la cuenta que si no le indicas el width, por defecto coge todo el ancho, y aun aplicando borde te lo respeta a la perfección. Okay makey, gracias por las respuestas. De todos modos, por enrevesar más las cosas... si el div interior lo quieres al 99% (width) y el borde de 6px pasaría de nuevo lo mismo De todas maneras, estoy viendo que hay tantas oportunidades para hacer sólo una cosa y diversas maneras de evitar o lograr otras cosas que.... Pero yo siempre buscaba lo más profesional, o por decirlo de otra manera, menos chapucero! Grazie! |
|
21/08/2009, 10:08
| |||
| |||
| Respuesta: Bordes problemas Me ausenté. ¿cuál es el tamaño de una caja contenedora? la suma de su anchura + padding + border + margin. Así que en tu caso, a su anchura de 100% (el 100% de su padre) le sigues sumando Más gráficamente:  oppsss  me entretuve |
