Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive

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

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

Higherground CSS in IE


Go to End
Reply

9 Posts   5730 Views

Avatar
Bootje

18 June 2008 at 4:10am Community Member, 8 Posts

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

Avatar
Wojtek

18 June 2008 at 4:18am Community Member, 149 Posts

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

Avatar
Bootje

18 June 2008 at 6:58am Community Member, 8 Posts

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.

Avatar
Bootje

21 June 2008 at 11:33pm (Last edited: 26 June 2008 3:25am), Community Member, 8 Posts

Did anybody found a solution?
Thx in advance.

Avatar
Bootje

26 June 2008 at 3:28am Community Member, 8 Posts

Nobody yet?

Avatar
jiipee

18 July 2008 at 10:44pm Community Member, 7 Posts

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.

Avatar
Wojtek

19 July 2008 at 8:37am Community Member, 149 Posts

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 :D

#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

Avatar
Sean

19 July 2008 at 10:20am Forum Moderator, 921 Posts

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

Go to Top