Como evitar el scroll horizontal

[jiten]

amigos, he creado el css para una "pagina en construccion", pero por algun motivo me muestra el scroll horizontal activo... alguien puede tener una idea de por qué se está activando y como retirarlo ?

Aqui el link : http://eldoradohoteles.com/intro/back.php

Gracias !

[Alexis88]

Los elementos de id 'logo' y 'lightback' están alejados un 50% de su ancho del borde del cuerpo del documento (propiedad left) y, además, poseen un ancho equivalente al 100% del mismo, razón por la cual se ocupa más espacio del debido. Además, tienes a las imágenes en la fila de una tabla. No deberías de usar tablas para este propósito pues no fueron hecha con ese fin. Tranquilamente podrías trabajar con las imágenes dentro del <div>.

Podrías obtener un resultado como este trabajando con las imágenes y los márgenes.

Saludos

[TommyGun]

El error está en, como dice mi compañero arriba, el tamaño del ancho de logo y lightback es de 100%, mientras que están ubicados a 50% de la pantalla, lo cual les da un tamaño lateral total de 150% (50% de margen, 100% del div).
Podés sacarla el ancho de logo y lightback con width: 50%; o bien sacarle el overflow visible del body de artículo con:

Código CSS:

body
{
  overflow: hidden;
}
 

[jiten]

Iniciado por Alexis88

Los elementos de id 'logo' y 'lightback' están alejados un 50% de su ancho del borde del cuerpo del documento (propiedad left) y, además, poseen un ancho equivalente al 100% del mismo, razón por la cual se ocupa más espacio del debido. Además, tienes a las imágenes en la fila de una tabla. No deberías de usar tablas para este propósito pues no fueron hecha con ese fin. Tranquilamente podrías trabajar con las imágenes dentro del <div>.

Podrías obtener un resultado como este trabajando con las imágenes y los márgenes.

Saludos

Gracias, pero mira el ejemplo que pusiste no se parece en nada a lo que se quiere llegar... tu muestras los logos en dos columnas... y yo necesito todo en una sola fila...

[TommyGun]

Podés hacer una lista con display: inline, o divisores de la misma manera. Es más conveniente que usar tablas.