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.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Archive /

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

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

Higherground CSS in IE


Go to End


9 Posts   6921 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