Foros del Web » Creando para Internet » CSS »

Poner divs de "borde" izquierda y derecha.

Estas en el tema de Poner divs de "borde" izquierda y derecha. en el foro de CSS en Foros del Web. Hola. Cómo me recomiendan poner mis divs si tengo una imag borde_left y otra borde_right? Yo probé con algo así pero no me funciona porque ...
  #1 (permalink)  
Antiguo 21/08/2008, 00:06
 
Fecha de Ingreso: septiembre-2007
Ubicación: Buenos Aires, Argentina.
Mensajes: 95
Antigüedad: 10 años, 3 meses
Puntos: 2
Poner divs de "borde" izquierda y derecha.

Hola. Cómo me recomiendan poner mis divs si tengo una imag borde_left y otra borde_right?

Yo probé con algo así pero no me funciona porque los divs no se ponen como columna, sino que un div trata de empezar en el pixel vertical donde terminó el anterior.

No se si me entienden, el código sería este:

Código HTML:
<div id=contenedor>
    <div id="left">
    </div>
    <div id="contenido">
    </div>
    <div id="right">
    </div>
</div> 
Es posible hacer lo que digo poniendo el cógido así??

O tengo que poner uno adentro de otro? así:

Código HTML:
<div id=contenedor>
    <div id="left">
        <div id="contenido">
             <div id="right">
             </div>
        </div>  
     </div>
</div> 
Usar esto ultimo no me gusta, porque estaria dandoles distintas prioridades a cosas que estan en el mismo nivel en realidad. Me gustaria sacarlo andando con el primer codigo.

Gracias.
  #2 (permalink)  
Antiguo 21/08/2008, 03:22
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: Poner divs de "borde" izquierda y derecha.

Con este CSS se puede hacer lo que tú dices:
Código:
#left, #contenido, #right { float: left;}
  #3 (permalink)  
Antiguo 22/08/2008, 04:43
 
Fecha de Ingreso: agosto-2008
Mensajes: 218
Antigüedad: 9 años, 4 meses
Puntos: 6
Respuesta: Poner divs de "borde" izquierda y derecha.

puedes probar lo siguiente:

en la hoja de estilos pon lo siguiente:
#left{background: imagen top left repeat-y; margin:0px}
#right{background: imagen top right repeat-y; margin:0px}
#contenido{padding-left:'grosor borde dcha'; padding-left:'grosor borde izqda'}

y en el HTML:
<div id=contenedor>
<div id="left">
<span id="right">
<span id="contenido">
</span>
</span>
</div>
</div>

imagen es la imagen con el borde que irá repitiendo verticalmente (si no quieres que se repita quita el repeat-y)

Suerte!!
  #4 (permalink)  
Antiguo 23/08/2008, 20:35
 
Fecha de Ingreso: septiembre-2007
Ubicación: Buenos Aires, Argentina.
Mensajes: 95
Antigüedad: 10 años, 3 meses
Puntos: 2
Respuesta: Poner divs de "borde" izquierda y derecha.

Gracias. Al final lo solucioné de otra forma. Al tener en cuenta que los divs pueden que varíen su height, pero es menos probable que varíen su width, entonces los dejé a algunos de width constante y le puse un fondo de imagen al contenedor directamente, transparente en el medio, y en ambos lados los bordes.
No es una práctica recomendable supongo.

Me facilitó la vida lo de float: left, no sabía de eso. Una vez que me dijeron eso, pude poner varios divs horizontamente en la misma posición sin que se ponga uno al lado de otro. Así que se podría hacer así tranquilamente, en distintos divs cada borde.

Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:13.