Site showing different sizes in Chrome - Internet Explorer and Firefox

HTML & CSS
1

Hello
I am having a problem with the view of this site in different browsers, to be more specific, Firefox renders it very well, with the size that it should have, but with Chrome and Internet Explorer the site looks very little when i compare it with Firefox, I did try already some reset css script but it’s the same.

Thanks in advance.

This is the link to the site:

Here you can appreciate better the difference of size:

http://www.nellens.com/fr/films/gloria-jesus

And here the CSS

http://www.nellens.com/sites/all/themes/xavier/css/style.css

2

It’s really hard to tell what’s happening from a screen shot. :slight_smile:

Please post a link to the site, if you can, or alternatively post both the HTML and CSS here.

3

I just did create a new post about it, here it disappeared, thank you for answering, in the other post i put already the info necessary.

4

At a very quick glance, it appears you’re using an XHTML doctype, with HTML5 elements such as header and section. Try changing the doctype first and see if that helps.

5

Thank you, I just did it but it’s the same, I found a possible solution using -webkit-transform: scale(x.x), but now the body is too wide and I am trying to center it and keeping the same body size.

6

I think I got it with a nasty solution, I had to add this, because it only happen in HD monitors:

@media (min-width: 1920px) {

#contenedor{
   zoom: 100%;
    -webkit-transform: scale(1.2);
    -webkit-transform-origin: 0 0;
        transform-origin: 0 0;  /* Standard Property */
        margin: 0 auto;
        
}

body{
 max-width: 1600px;
   
}

Then I did set up it with 1600px as width, because when I did more, it went too wide as before.