Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 6, 2014 at 7:42 pm #220636
    kristenangel

    Hello –

    I am having a strange spacing issue when testing in IE8. There seems to be a large gap appearing above the LayerSlider component and the Color Section Component.
    Spacing above LayerSilder
    Spacing above Color Section

    In all other browsers the spacing is normal (around 50px between text and slider/color section). Can you provide some CSS to fix this gap?

    Thanks!

    February 6, 2014 at 7:45 pm #220638
    kristenangel

    Sorry, not sure why the image didn’t appear. Here are the links again:
    • Spacing above LayerSlider: https://www.dropbox.com/s/l0xle7qe6ta69zo/badspacing1.png
    • Spacing above Colro Section: https://www.dropbox.com/s/19iiw8hwlo7s5eu/badspacing2.png

    February 9, 2014 at 11:53 pm #221446
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    February 10, 2014 at 1:02 am #221463
    kristenangel
    This reply has been marked as private.
    February 10, 2014 at 6:20 am #221526
    Ismael

    Hi!

    You can decrease the top and bottom padding of the content div. Use this on Quick CSS or custom.css:

    .content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}

    Regards,
    Ismael

    February 10, 2014 at 6:48 am #221535
    kristenangel

    Unfortunately that does not help – I prefer the spacing set in the original CSS, with 30px top/50px bottom on Content and Sidebar areas. Is there an extra class that I should add in for the Color Section and the LayerSlider? I tried a few guesses but couldn’t get it to correct itself in IE8.

    February 10, 2014 at 8:10 am #221564
    Ismael

    Hi!

    Please try this on Quick CSS or custom.css to target IE8:

    .content, .sidebar {
padding-top: 10px\9;
padding-bottom: 10px\9;
}

    Install this plugin, see if it helps: http://wordpress.org/plugins/html5shiv/

    Regards,
    Ismael

    February 10, 2014 at 7:09 pm #221802
    kristenangel

    Thanks – This worked to bring the slider and color sections higher on the page. The only issue I’m now having is the headline is very close to the top of the page, and content areas and sidebars have lost the nice white space between elements that previously existed. Is there an additional CSS class that I should add to this to have it apply to the full-width image areas only?

    sample (see headline – very close to top): https://www.dropbox.com/s/0gp4c0yxd25w2kx/headline-shortspace.png

    February 11, 2014 at 7:55 pm #222366
    kristenangel

    Why is it that “padding-top: 10px\9” works and adds the correct pixel spacing, but “padding-top:50px\9” does not work, and I see the large gap again? In the screenshot above, we should be seeing a 50px gap above the headline. When I change the CSS to the code listed above, it appears with this short gap. When I change it to “padding-top:50px\9” I see the very large gap under the headline, as shown in the original images posted at top. It seems like a very strange bug – please let me know if there is a solution to get this to appear correctly in IE8. Thank You.

    February 17, 2014 at 2:07 am #224711
    Devin

    Hi!

    Another recently mentioned that this plugin and script helps a lot with IE8 as depending on the exact build some things just don’t behave exactly as they should: http://wordpress.org/plugins/selectivizr/

    It might just be a quick step to not need to do any other major changes since we are only a month or so away from Microsoft no longer supporting IE8 for good.

    Cheers!
    Devin

    March 19, 2014 at 2:05 am #239769
    philippe2812
    This reply has been marked as private.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Odd spacing in IE8 above LayerSlider and Color Section’ is closed to new replies.