CSS IE / Firefox / chrome / prestasshop theme

Discussion in 'CSS' started by Tomas Trnka, Mar 6, 2013.

  1. #1
    Page www.mybodymanager.sk. It is prestashop.
    Problem is that the background .Whatever we do anything for IE is always wrong. I tried a million tricks and nothing helped me. Background for IE is always wrong. Use this code


    body {
      background-image:url(../img/hore.jpg),url(../img/dole.jpg);
      background-repeat:repeat-x;
      background-color: #5D717E;
      font-size: 12px;
      font-family: Verdana, Arial, Helvetica, Sans-Serif;
      color: #5d717e;
      text-align: center
    }
    HTML:

    Could anyone advise me? I know this is probably part of the question but after a lot of searching I found the fore nothing.
     
    Tomas Trnka, Mar 6, 2013 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    IE8/earlier doesn't support multiple background images -- it's that simple. You either need to add an extra wrapper or combine down those images.

    NOT that from an accessibility standpoint you should EVER declare font-size in px on BODY since that pretty well pisses all over the usefulness of the entire page making it impossible to use dynamic fonts on any of the content -- but looking at the site in question it reeks horrifically of "WCAG, what's that?!?" -- with it's endlessly broken site building methodologies, nothing remotely resembling the use of HTML properly, non-real world deployable doctype (nobody should EVER be using XHTML 1.1), presentational CSS inlined in the markup and tags+attributes that have no business even being used on a website written after 1998, tables for layout, tables for nothing, comment placements (yes, COMMENTS) that could be tripping rendering errors, and 38 validation errors meaning it's not even HTML, it's gibberish.

    Hardly a surprise that train wreck of slapped together any-old-way code ends up a massive 37k to deliver 3.7k of plaintext, 6 content images and one object -- likely four to six times as much markup as should have been used... going hand in hand with the completely absurd 2.9 megabyte page-size in a painful to watch load 93 separate files -- well over half of that being endless pointless javascript for nothing garbage.

    In other words, everything one can come to expect from slapping some rubbish poorly written off the shelf theme with some garbage off the shelf CMS. My advice, throw it out and start over -- between the massive code bloat, endless scripting for nothing, and inaccessible train wreck of a design, you've got NOTHING I would even TRY to salvage there!

    Just hoping you didn't do anything silly like pay money for any of that.
     
    deathshadow, Mar 7, 2013 IP
  3. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #3
    IE do not support the 2 background image in same class. So, best way to create different class name for different background image and you can give that class appropriate div in HTML.
     
    creativewebmaster, Mar 9, 2013 IP
  4. muffet

    muffet Active Member

    Messages:
    720
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    68
    #4
    I wanted to offer you my feedback on your Prestashop site from a user ability perspective:

    Why are you making the Youtube video player of video ridiculously big on your site?​

    You have some miss alignment going with the white container beneath the image of the guy with whatever he has in his mouth and the white containers located more towards the both of site underneath the Youtube video player in Firefox 19.0.2.​

    I don't know if these are intentional or what. I'd suggest you make the Youtube video player smaller and align up the white containers I mentioned above. If you don't find a best answer here on DP for your issue you should try on Prestashop forums.
     
    muffet, Mar 10, 2013 IP