Problema con barra superior, no llega al final.

[c_my]

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.

[Shawty]

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

[c_my]

La url es www.lamentridana.com.

Un saludo.

[Tecna]

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.

[c_my]

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.

[c_my]

Así está editado el marco:

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

Un saludo.

[c_my]

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.