Foro: http://instituto-kazekuro.foros.bz
Tipo de códigos: CSS
Problema: El ancho del foro y los widgets debería estar quedando de ésta manera, sin embargo, al momento en que paso a otro computador (en este caso Mac), se ve sobrepuesto así. Creo que hay alguna manera de que sin importar las dimensiones del computador, el foro se siga viendo como debe ser, pero no encuentro cómo se hace. Apreciaría mucho si me pudieran resolver esa duda.
Invitado
Roshio
campo2 Mensajes :
2489
campo3 Blood :
1306129
campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Hola Red Lear, bienvenido al foro. Te invito a leer y firmar las reglas antes de continuar
Sobre tu duda, desafortunadamente un diseño puede verse diferente cuando las resoluciones de pantalla son distintas, o cuando usas diferentes exploradores, pero en tu caso creo que es por el tamaño de pantalla, me podrías mandar tu CSS via MP de la parte del #wrap y el #content-container div#right porfavor.
Sobre tu duda, desafortunadamente un diseño puede verse diferente cuando las resoluciones de pantalla son distintas, o cuando usas diferentes exploradores, pero en tu caso creo que es por el tamaño de pantalla, me podrías mandar tu CSS via MP de la parte del #wrap y el #content-container div#right porfavor.
campo2 Mensajes : 2489 campo3 Blood : 1306129 campo4 Frasesita : I go ᴅʏɴᴀᴍɪɢʜᴛ . . . | Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
¡Encuentra las Galletas!
Participaste en el evento 2023
Raspadito Navideño
Participaste en el evento 2023
Conejo de Pascua
Mini evento 2024
|
Roshio
campo2 Mensajes :
2489
campo3 Blood :
1306129
campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Este es el código que tenias (que amablemente me pasaste)
Ya vi que pasa, es el widget con el position:absolute, cuando debería ser position:relative; - usar el absolute significa que tomará como referencia toda la ventana para mover el widget, y el relative es para mover únicamente el widget con referente a la posición original en la que aparece.
También quitas el lef:1090px; porque es innecesario ponerlo cuando tienes right:0; con esto siempre se alineará a la derecha automaticamente sin importar el tamaño de pantalla.
Pero en general creo que el problema viene con el wrap... ugggh me hago bolas, me gustaría echarle un ojo directamente a tu CSS en tu foro para poder arreglarlo, y es que es dificil porque como yo tengo pantalla grande se ve todo perfecto...
- Código:
#content-container div#right {
overflow: hidden;
position: absolute;
right: 0;
top: 610px;
left: 1090px;
}
Ya vi que pasa, es el widget con el position:absolute, cuando debería ser position:relative; - usar el absolute significa que tomará como referencia toda la ventana para mover el widget, y el relative es para mover únicamente el widget con referente a la posición original en la que aparece.
También quitas el lef:1090px; porque es innecesario ponerlo cuando tienes right:0; con esto siempre se alineará a la derecha automaticamente sin importar el tamaño de pantalla.
- Código:
#content-container div#right {
overflow: hidden;
position: relative;
right: 0px;
top: 95px;
}
Pero en general creo que el problema viene con el wrap... ugggh me hago bolas, me gustaría echarle un ojo directamente a tu CSS en tu foro para poder arreglarlo, y es que es dificil porque como yo tengo pantalla grande se ve todo perfecto...
campo2 Mensajes : 2489 campo3 Blood : 1306129 campo4 Frasesita : I go ᴅʏɴᴀᴍɪɢʜᴛ . . . | Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
¡Encuentra las Galletas!
Participaste en el evento 2023
Raspadito Navideño
Participaste en el evento 2023
Conejo de Pascua
Mini evento 2024
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.