Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Higherground CSS in IE

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1 2
Go to End
Author Topic: 5661 Views
  • Bootje
    Avatar
    Community Member
    8 Posts

    Higherground CSS in IE Link to this post

    Hello

    There is somewhere a mistake in the css of the Higherground theme. It's perfect in FF, but there it't not correct in IE. I'm not a css-expert, maybe some of you knows what's wrong?

    Thx in advance

  • Wojtek
    Avatar
    Community Member
    149 Posts

    Re: Higherground CSS in IE Link to this post

    Hello,
    I'll check this theme out in a few hours, and hopefully post an update =]
    On which version are you experiancing the problem? How does it look like?

    cheers,
    Wojtek

  • Bootje
    Avatar
    Community Member
    8 Posts

    Re: Higherground CSS in IE Link to this post

    I'm using silverstripe-v2.2.1

    Mozilla Firefox/2.0.0.14
    Internet Explorer: v 7.0.6000.16681

    In Firefox is't perfect.
    With IE
    * the header-photo more to the left
    * footer-columns are more to the left

    These things are wrong on my theme installed on my silverstripe and also the demo version on the silverstripe website.

  • Bootje
    Avatar
    Community Member
    8 Posts

    Re: Higherground CSS in IE Link to this post

    Did anybody found a solution?
    Thx in advance.

  • Bootje
    Avatar
    Community Member
    8 Posts

    Re: Higherground CSS in IE Link to this post

    Nobody yet?

  • jiipee
    Avatar
    Community Member
    7 Posts

    Re: Higherground CSS in IE Link to this post

    I would also like to get the result for this, I've tried all things but my css skills are not enough.
    Problem seems to be in IE 7 version.
    Too bad, since its the most usable theme for my eye.

  • Wojtek
    Avatar
    Community Member
    149 Posts

    Re: Higherground CSS in IE Link to this post

    OK guys, here is the solution (the fault was not mine but the designers').

    layout.css

    #wrap (line 206) change line:
    text-align: left; -> text-align: center;

    #main (line 328) add line:
    text-align:left;

    IE doesn't handle margin: 0 auto; so if you want to get a cross-browser horizontal center align, you should use text-align center on the parent container and try to fix all other things

    #footer-columns (line 414) add line:
    text-align:left;

    #footer-wrap (line 388) change line:
    text-align: left; -> text-align: center;

    I just uploaded the correct version on the ss server.
    Sorry for the delay, I just forgot about this one

    cheers,
    Wojtek

  • Sean
    Avatar
    Forum Moderator
    921 Posts

    Re: Higherground CSS in IE Link to this post

    Wojtek: You've got make sure IE isn't in quirks mode in order for it to use margin: auto.

    I think Blackcandy is a good example if it working in IE, without any additional work.

    Cheers,
    Sean

    5661 Views
Page: 1 2
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.