Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Anclas con boostrap 2.2

Estas en el tema de Anclas con boostrap 2.2 en el foro de HTML en Foros del Web. Mi problema es el siguiente, actualmente tengo una plantilla elaborada con boostrap, y tengo un navbar-fixed , lo que provoco que le diera padding al ...
  #1 (permalink)  
Antiguo 18/02/2014, 14:28
 
Fecha de Ingreso: marzo-2013
Mensajes: 52
Antigüedad: 11 años, 1 mes
Puntos: 0
Anclas con boostrap 2.2

Mi problema es el siguiente, actualmente tengo una plantilla elaborada con boostrap, y tengo un navbar-fixed , lo que provoco que le diera padding al body, pero ahora necesito colocar unas anclas y es dificil ya que aparecen corridas, intente con css corregir el problema, pero solo funciona en firefox y no en todas las resoluciones

Adjunto el codigo css

Código CSS:
Ver original
  1. body{background-color:#FFFFFF; padding-top: 107px; overflow-x:hidden}
  2. #inicio,#beneficios,#simulador,#requisitos,#nosotros{position:relative; top:-100px;}

Gracias
  #2 (permalink)  
Antiguo 21/02/2014, 04:53
Avatar de sprwilly  
Fecha de Ingreso: marzo-2010
Ubicación: Tenerife
Mensajes: 7
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: Anclas con boostrap 2.2

Hola Eifos, si quieres que las anclas que indicas en tu CSS se muevan -100px para saltarse el padding del body puedes hacerlo o bien dándole position: absolute; a las anclas o bien dándole margin-top: -100px; en lugar de top.

No sé si es eso lo que querías conseguir, espero haberte ayudado.

Saludos!
  #3 (permalink)  
Antiguo 21/02/2014, 08:01
 
Fecha de Ingreso: marzo-2013
Mensajes: 52
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Anclas con boostrap 2.2

Cita:
Iniciado por sprwilly Ver Mensaje
Hola Eifos, si quieres que las anclas que indicas en tu CSS se muevan -100px para saltarse el padding del body puedes hacerlo o bien dándole position: absolute; a las anclas o bien dándole margin-top: -100px; en lugar de top.

No sé si es eso lo que querías conseguir, espero haberte ayudado.

Saludos!
Muchas Gracias me sirvio mucho tu consejo , pero adicional al margin-top:-100, fue necesario darle padding-top:100px , y funciono perfectamente

Etiquetas: anclas, css
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 11:13.