Un Margin que se ve visualmente pero no aparece en el CSS? :S

[yopmail]

Hola tengo el siguiente enlace: http://juegosfrivgratisonline.com/jugoso-dash/

Y tengo este margen negro que no se como quitarlo:



Si alguien puede echarme un cable se le estaria muy agradecido, ya que por culpa de ese margen también me crea el scroll horizontal cosa que queda mal..


Muchas Gracias

[DragonX]

Código CSS:

.thegame {
    min-height: 450px;
    display: none;
    background: #000;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
 

Sacale el background:#000 o simplemente reemplazalo por background-color: transparent.
Eso es todo
Slds.-

[yopmail]

Iniciado por DragonX

Código CSS:

.thegame {
    min-height: 450px;
    display: none;
    background: #000;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
 

Sacale el background:#000 o simplemente reemplazalo por background-color: transparent.
Eso es todo
Slds.-

Muchas Gracias y ahí te dejo el +1 pero el problema va mas alla del color.. mas bien es un margen tanto abajo como a la parte derecha de la web esto hace que se cree el scroll horizontal.. que me fastidia bastante... pero de todos modos gracias

[DragonX]

yopmail lo que veo es que tenes un problema estructural mas que de CSS.
Revisa tu codigo y vas a ver, hace esta prueba
A tu section quitale la clase 'container' y al div '.thegame' seteale un width de 100% y vas a ver como ese scroll horizontal no aparece mas.
Creo que vas a tener que trabajar en reestructurar tu HTML.
Slds.-

[yopmail]

Iniciado por DragonX

yopmail lo que veo es que tenes un problema estructural mas que de CSS.
Revisa tu codigo y vas a ver, hace esta prueba
A tu section quitale la clase 'container' y al div '.thegame' seteale un width de 100% y vas a ver como ese scroll horizontal no aparece mas.
Creo que vas a tener que trabajar en reestructurar tu HTML.
Slds.-

Muchas Gracias,

Probe de hacer algo, me podrías decir que tan bien esta?

Mi intención es darle 100% de anchura a un div hijo..

Puse el siguiente css: width: 100vw;

Por eso me genera en scroll horizontal.. entonces acabo de sustituirlo por width: 99.4vw; y queda perfecto... la pregunta es si esta forma de trabajar podría darme algún error futuro?

Muchisimas Gracias +1

[Triby]

Ese 99.4vw te funciona cuando cambias el tamaño de la pantalla?

Solo recuerda que márgenes internos (padding) y externos (margin) afectan el tamaño final del elemento, por ejemplo:

Código CSS:

.algo {
    width:200px;
    margin:5px;
    padding:10px;
}
 

A los 200px agrega 10px (5 por cada lado) por márgenes externos y 20px (10 por cada lado) por márgenes internos, el ancho total no es de 200, sino de 230px. Hay otros atributos que también modifican las medidas, como bordes.

Entonces, no apliques márgenes al div hijo, en todo caso, a los nietos.

[yopmail]

Muchas Gracias, el problema con el que me encuentro es que no hay ni padding ni margin.. y con 99.4vw me funciona bien en opera, aun tengo que probar en otros navegadores.. creo que son de esas cosas que no tienen mucha explicación o al menos el fallo debe de estar a saber donde y no en el propio div..

De todos muchas gracias +1

Iniciado por Triby

Ese 99.4vw te funciona cuando cambias el tamaño de la pantalla?

Solo recuerda que márgenes internos (padding) y externos (margin) afectan el tamaño final del elemento, por ejemplo:

Código CSS:

.algo {
    width:200px;
    margin:5px;
    padding:10px;
}
 

A los 200px agrega 10px (5 por cada lado) por márgenes externos y 20px (10 por cada lado) por márgenes internos, el ancho total no es de 200, sino de 230px. Hay otros atributos que también modifican las medidas, como bordes.

Entonces, no apliques márgenes al div hijo, en todo caso, a los nietos.