Quijost

Por favor ingresa o regístrate.

Ingresar con nombre de usuario, contraseña y duración de la sesión
Búsqueda Avanzada  

Noticias:

Deja tu post en el foro para hacer algun tipo de consulta

Autor Tema: posicionamiento css  (Leído 13364 veces)

0 Usuarios y 1 Visitante están viendo este tema.

espada

  • Usuario nuevo
  • *
  • Karma: +5/-0
  • Desconectado Desconectado
  • Mensajes: 36
    • Ver Perfil
posicionamiento css
« en: Febrero 01, 2012, 13:08:49 pm »

Hola, tengo un problema con el posicionamiento css, la pagina es la siguiente:
http://espada.quijost.com/clase/capas.html
el css se encuentra en:
http://espada.quijost.com/clase/estilo.css

El problema es que los 2 objetos que están como fixed, necesitaría que al hacer estrecha la ventana y mover lateralmente la pagina se comportasen como los otros, es decir que solo mantuviesen la propiedad de mantener la posición relativa hacia la ventana verticalmente, mientras que horizontalmente se comportasen como el resto de elementos. Los objetos que deseo que tengan ese comportamiento son #titulo y #caribe.

Gracias por la atención.
En línea

shakaran

  • Soporte
  • Administrator
  • Usuario profesional
  • *****
  • Karma: +12/-0
  • Desconectado Desconectado
  • Sexo: Masculino
  • Mensajes: 487
  • Un buen soporte lo es todo
    • Ver Perfil
    • Shakaran
Re:posicionamiento css
« Respuesta #1 en: Febrero 01, 2012, 13:20:08 pm »

Tu problema esta en que no llegas a cargar el contenido CSS en el documento porque usas:

Código: [Seleccionar]
<style type="text/css">
@import "estilo.css"
</style>

Debería ser:

Código: [Seleccionar]
<style type="text/css">
@import url('estilo.css')
</style>

Aunque en general se recomienda usar el tag LINK para la carga de CSS:

Código: [Seleccionar]
<link rel="stylesheet" type="text/css" href="estilo.css" title="default">
También ten presente el uso de rutas relativas o absolutas cuando cargues dichos ficheros, ya que dependen desde la ruta actual que los cargues.
En línea
Ángel Guzmán Maeso
Quijost Founder - Backend Engineer & Main support

espada

  • Usuario nuevo
  • *
  • Karma: +5/-0
  • Desconectado Desconectado
  • Mensajes: 36
    • Ver Perfil
Re:posicionamiento css
« Respuesta #2 en: Febrero 01, 2012, 13:32:37 pm »

Ya he corregido la llamada al css, el problema persiste, al encoger la ventana horizontalmente y desplazar el navegador horizontalmente los objetos #titulo y #caribe mantienen su posición horizontalmente respecto al navegador, en vez mantenerla respecto al fondo.

Es complicado explicarme. Lo que necesito es que esos objetos mantengan su posición respecto al navegador verticalmente pero horizontalmente la mantengan respecto al fondo, de modo que siempre esten en pantalla al moverse verticalmente por la pagina pero que si encojes horizontalmente la misma puedas moverte y ver todo el contenido ya que actualmente al mantener posición respecto al navegador al moverte horizontalmente siempre ves el mismo cacho de texto con fondo azul y la parte oculta no llega a verse.
En línea

shakaran

  • Soporte
  • Administrator
  • Usuario profesional
  • *****
  • Karma: +12/-0
  • Desconectado Desconectado
  • Sexo: Masculino
  • Mensajes: 487
  • Un buen soporte lo es todo
    • Ver Perfil
    • Shakaran
Re:posicionamiento css
« Respuesta #3 en: Febrero 01, 2012, 13:56:23 pm »

Parece entonces que no tienes un diseño estructural correcto para lo que intentas diseñar. Estas mezclando posicionamientos absolutos con fijados y quizás en algunos elementos necesites que sean relativos y que no sean fijados. El left y top también te condicionan a la posición vertical y horizontal de las capas que has definido.
En línea
Ángel Guzmán Maeso
Quijost Founder - Backend Engineer & Main support

espada

  • Usuario nuevo
  • *
  • Karma: +5/-0
  • Desconectado Desconectado
  • Mensajes: 36
    • Ver Perfil
Re:posicionamiento css
« Respuesta #4 en: Febrero 01, 2012, 14:19:05 pm »

cuando intento utilizar posicionamientos relativos, estos se me colocan debajo del fondo en vez sobre la imagen del mapa por lo que no me sirven.

Con el left y el top, lo que pretendo es posicionaros en una posición de la pagina, mientras que el fixed lo utilizo para que quede estático en esa posición, con el problema de que se queda estático vertical y horizontalmente y solo querría esa cualidad verticalmente.

Debo de tener como dices el diseño estructural incorrecto y por muchas correcciones o ediciones menor que puedas aconsejarme o pueda encontrar no creo que pueda solucionarlo, igualmente gracias por la atención tan rápida y correcta como siempre.
En línea
 

Página generada en 0.075 segundos con 33 consultas.