Avisos
Vaciar todo

seccion de la izquierda de 25% de width fija

4 Respuestas
3 Usuarios
0 Reactions
16 Visitas
Respuestas: 69
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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!


 
Respondido : 10/10/2020 7:06 pm
Bulmaro
Respuestas: 4369
Famed Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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.


 
Respondido : 10/10/2020 7:14 pm
Respuestas: 69
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@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;


 
Respondido : 10/10/2020 7:25 pm
Karen Rios
Respuestas: 20082
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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

 


 
Respondido : 12/10/2020 5:56 am