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   5859 Views

Avatar
Bootje

Community Member, 8 Posts

18 June 2008 at 4:10am

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

Community Member, 149 Posts

18 June 2008 at 4:18am

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

Community Member, 8 Posts

18 June 2008 at 6:58am

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

Community Member, 8 Posts

21 June 2008 at 11:33pm

Edited: 26/06/2008 3:25am

Did anybody found a solution?
Thx in advance.

Avatar
Bootje

Community Member, 8 Posts

26 June 2008 at 3:28am

Nobody yet?

Avatar
jiipee

Community Member, 7 Posts

18 July 2008 at 10:44pm

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

Community Member, 149 Posts

19 July 2008 at 8:37am

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

Forum Moderator, 922 Posts

19 July 2008 at 10:20am

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