Problema con barra superior, no llega al final.

[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.