Avisos
Vaciar todo

seccion de la izquierda de 25% de width fija  

 
Tomas
 Tomas
Usuario experto

Hola como estan? Quiero hacer con divi algo que parece simple pero no lo puedo hacer. Quiero poder dividir una pagina en dos, la seccion de la izquierda de 25% de width funcionaria como una especie de sidebar con el indice de todos los contenidos de la pagina en cuestion, disintas paginas tendran distintos contenidos e indices, y el otro 75% se mostrarian los contenidos. La idea es que el indice quede fijo a la izquierda y que cuando hagas scroll lo unico que se mueva se el contenido de la parte derecha.  Adjunto imagen de ejemplo, algo asi tendria que ser. 

ejemplo barra lateral 0223

 

Muchas gracias!

Citar
Respondido : 10/10/2020 8:06 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Tomàs,

Por favor, proporciónanos una dirección web donde hallas implementado ambas columnas tal como quieres y en las que solo haga falta el efecto de scroll que nos solicitas para entonces poder modificarlo via CSS, de otra manera no nos será posible ayudarte.

ResponderCitar
Respondido : 10/10/2020 8:14 pm
Tomas
 Tomas
Usuario experto

@bulmaro-webempresa

http://www.proyectoartigas.ar/caso-j-etchevhere/

Esto es lo maximo que logre hacer pero la seccion izquierda no respeta el footer y sigue de largo. Creo que lo hice de una manera muy rustica.

 

Puse a una seccion:

width:20%;

float:left;

height:100%

y a la otra:

width:80%;

float:left;

ResponderCitar
Respondido : 10/10/2020 8:25 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Tomas,

En que secciones haz agregado este código? Puedes probar añadir directamente el espacio a las columnas que deseas, para ello en tu sección principal crea una columna y asigna la estructura que deseas

Screenshot

Luego puedes asignar a estas columnas el ancho que deseas desde las ajustes principales de la fila

Screenshot

Luego de ello puedes ajustar el ancho de la columna de acuerdo a % que deseas añadir

Screenshot
Screenshot
Screenshot
Screenshot

Guarda los cambios y comprueba si de esta forma logras asignar el ancho de tus columnas de la forma que deseas

Un Saludo

 

ResponderCitar
Respondido : 12/10/2020 6:56 am