SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Apr 2014
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Site showing different sizes in Chrome - Internet Explorer and Firefox

    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.

    Chrome.jpgfirefox.jpg

    This is the link to the site:

    http://www.nellens.com

    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/the.../css/style.css
    Last edited by leinso; Apr 9, 2014 at 03:24. Reason: adding content

  2. #2
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,164
    Mentioned
    264 Post(s)
    Tagged
    5 Thread(s)
    It's really hard to tell what's happening from a screen shot.

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

  3. #3
    SitePoint Member
    Join Date
    Apr 2014
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,164
    Mentioned
    264 Post(s)
    Tagged
    5 Thread(s)
    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. #5
    SitePoint Member
    Join Date
    Apr 2014
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #6
    SitePoint Member
    Join Date
    Apr 2014
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •