Foros del Web » Creando para Internet » CSS »

Problema con barra superior, no llega al final.

Estas en el tema de Problema con barra superior, no llega al final. en el foro de CSS en Foros del Web. Hola. Bueno tengo un problemilla, en mi web he incluído una barra en la parte de arriba, pero no llega a la derecha del todo, ...
  #1 (permalink)  
Antiguo 08/06/2010, 05:34
 
Fecha de Ingreso: junio-2010
Mensajes: 26
Antigüedad: 7 años, 6 meses
Puntos: 0
Problema con barra superior, no llega al final.

Hola.

Bueno tengo un problemilla, en mi web he incluído una barra en la parte de arriba, pero no llega a la derecha del todo, lo tengo tal que así.

body, html {margin:0; padding:0}
#barra {
width:100%
height:75px;
border:1px;
background-color: #5787b4;
}

Gracias y un saludo.
  #2 (permalink)  
Antiguo 08/06/2010, 09:06
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: Problema con barra superior, no llega al final.

así a saco es un poco complicado que se sepa que es lo que falla.

ponnos tu código html tb donde has puesto esta capa con esa id "barra" y a poder ser una img que muestre cómo te sale o aun mejor la url si es que lo tienes colgado.

Saludos
  #3 (permalink)  
Antiguo 08/06/2010, 09:20
 
Fecha de Ingreso: junio-2010
Mensajes: 26
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problema con barra superior, no llega al final.

La url es www.lamentridana.com.

Un saludo.
  #4 (permalink)  
Antiguo 08/06/2010, 10:21
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 7 años, 11 meses
Puntos: 45
Respuesta: Problema con barra superior, no llega al final.

Buenas,

el problema surge cuando el ancho de la ventana es menor que la suma del ancho de las imagenes que hay debajo (fondo_inicio y especialidades). Aunque pongas 100% (que es lo mismo que no poner nada porque es el valor por defecto) ese valor se refiere al espacio disponible, es decir al tamaño de la ventana y si amplias la ventana la barra aumenta pero si la ventana disminuye también lo hace la barra y sólo llegará al final cuando la ventana sea suficientemente grande. Para evitar esto tienes que definir un ancho mínimo para #barra que sea igual al menos a la suma de los anchos de las dos imágenes.

Por otro lado el código se podía limpiar bastante, hay un montón de elementos innecesarios y sin contenido (como los párrafos que usas para dar separación a las imágenes de la izquierda que deberías separarlas aplicando un margen), el contenido de la página, que se supone que es lo importante, (el texto que hay dentro de la tarta) está dentro de la imagen y no en el html y por lo tanto no es accesible si no incluyes un texto alternativo, todas las etiquetas y atributos que tienen que ver con el diseño como border, align, width, height ... estan desaconsejadas y para ello tienen que usarse propiedades css, bien dentro de la etiqueta <style> o mejor aún en hojas de estilo externas. También estaría bien incluir una versión para dispositivos con pantallas reducidas como móviles, mini potátiles ... ya que toda la página la basas en imagenes de gran tamaño.
  #5 (permalink)  
Antiguo 09/06/2010, 02:54
 
Fecha de Ingreso: junio-2010
Mensajes: 26
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problema con barra superior, no llega al final.

Muchas gracias, lo de la barra ya lo he solucionado, y el código también lo he limpiado, ahora me surge otro problema, el contenido de los botones, por ejemplo el de incio, se me ajusta perfectamente al ancho de la celda, pero no a lo alto, se me queda centrado y al visualizarlo me sale una barra de desplazamiento para poder ver todo el contenido.

Otra duda que me surge, en iexlporer, chrome y safari la resolución de la imagen se ve bien, pero en firefox y opera se ven pixeladas, ¿sabeis por qué puede ocurrir?.

Gracias y un saludo.
  #6 (permalink)  
Antiguo 09/06/2010, 03:13
 
Fecha de Ingreso: junio-2010
Mensajes: 26
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problema con barra superior, no llega al final.

Así está editado el marco:

<iframe src="inicio.html" name="marco" allowtransparency="allowtransparency"
width="100%" framespacing="0" frameborder="no" border="0"></iframe>

Un saludo.
  #7 (permalink)  
Antiguo 09/06/2010, 03:22
 
Fecha de Ingreso: junio-2010
Mensajes: 26
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problema con barra superior, no llega al final.

Bueno he probado... y metiendo en el <iframe> height="800" se me ha hecho más grande... pero supongo que no será la solución adecuada.

Un saludo.

Etiquetas: barra, final, llega, superior
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 18:55.