Master Joohny Posted October 1, 2010 Report Share Posted October 1, 2010 supongamos que tengo dentro de un div 3 divs, estos ultimos son: un espacio con imagen tipo borde, un espacio para texto y otro espacio con imagen tipo borde (se ve como un campo de texto con bordes laterales), lo que quiero es que a medida que crezca mi texto en altura, los bordes crezcan al mismo tamaño pero nose como relacionarlos, estos 3 div los tengo en css: #barra_lateral_izquierda{ background-image:url('detalles/barra2.png'); width:20px; height:inherit; margin-left:0; margin-right:0; float:left; } #centro_blanco{ background-color:white; width:920px; height:auto; margin-left:0; margin-right:0; float:left; } #barra_lateral_derecha{ background-image:url('detalles/barra3.png'); width:20px; height:auto margin-left:0; margin-right:0; float:left; } con el fin de que en algun momento solo tenga que ingresar texto sin preocuparme de agrandar o achicar tamaños. alguien me podria dar una manito?? xD Link to comment Share on other sites More sharing options...
methoz Posted October 1, 2010 Report Share Posted October 1, 2010 ya compadre, nosé si es lo que quieres, pero segun lo que entendí, esto te debería funcionar. Esto es lo que entendí: Ahora te doy el codigo html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Ejemplo</title> </head> <style> #barra_lateral_izquierda{ background: url(AQUI-EL-borde-izquierdo.png) repeat-y left; } #centro_blanco{ width: auto; padding: 0px 25px 0px 25px; margin: 0 auto; border-top: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; } #barra_lateral_derecha { background: url(AQUI-EL-borde-derecho.png) repeat-y right; } </style> <body> <div id="barra_lateral_izquierda"> <div id="barra_lateral_derecha"> <div id="centro_blanco"> <p>Este seria un parrafo dentro del div principal</p> <p>Este seria un parrafo dentro del div principal</p> <p>Este seria un parrafo dentro del div principal</p> <p>Este seria un parrafo dentro del div principal</p> <p>Este seria un parrafo dentro del div principal</p> <p>Este seria un parrafo dentro del div principal</p> <p>Este seria un parrafo dentro del div principal</p> </div> </div> </div> </body> </html> Ahi le das una mirada y ves si te sirve. ah, te dejo las imagenes para que hagas la prueba. + Fondo Derecha http://i54.tinypic.com/oa3zfn.png + Fondo Izquierda http://i56.tinypic.com/64quc3.png saludos Link to comment Share on other sites More sharing options...
Master Joohny Posted October 1, 2010 Author Report Share Posted October 1, 2010 (edited) lo probare...creo q pase por alto la anidacion de la programación xDDD gracias¡¡ Edited October 1, 2010 by Master Joohny Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now