X3Photo Gallery Forums

Vesa Kalervo Ekholm · 05 Apr 2011, 11:21

Hi,

Any idea why IE9 (win7) show my website differently than Google Chrome10 ?

http://www.vesakalervoekholm.fi/ie.jpg

http://www.vesakalervoekholm.fi/chrome.jpg

I´ve changed the imagevue.flash in iv-includes/assets/css as follows:

body { height: 100%; margin: 0 auto; width: 1000px; }

Chrome shows it like it should but IE throws the menu to the left. I´m not very skilled in css so maybe there´s something wrong with the changes I made ?

Cheers,

05 Apr 2011, 12:09

A bit hard to understand what you are trying to do ... "IE throws the menu to the left" - Not really, because its just the SWF which is placed differently because your CSS can't control the items inside imagevue itself. You actually want it like in the "chrome" snapshot? Seems like you have some center alignment or something for the container that holds the SWF, and the CSS used is apparently not working as desired for IE.

Vesa Kalervo Ekholm · 05 Apr 2011, 12:16

Sorry If I didn´t explain my self clear enough...

...and yes, chrome shows my website like I´d like it to be seen...

Like I said...I don´t know much about the css so the question is...is there something I can do to make it work correctly ?

06 Apr 2011, 06:26

Vesa Kalervo Ekholm wrote:Like I said...I don´t know much about the css so the question is...is there something I can do to make it work correctly ?

If I understand what you are trying to do, then I could understand what is "correctly". You are trying to set imagevue at a pre-defined width and then center it? For what cause?

Vesa Kalervo Ekholm · 20 Apr 2011, 17:26

Sorry for the late reply Carl...

mjau-mjau wrote: If I understand what you are trying to do, then I could understand what is "correctly". You are trying to set imagevue at a pre-defined width and then center it?

That is right... 1000px wide and centered.

mjau-mjau wrote:
Vesa Kalervo Ekholm wrote: For what cause?

Just because I like it better that way (looks better)

I found out, that the "problem" I described happens only with IE. With Chrome, Firefox and Safari my page looks like I want it to.

Nick · 22 Apr 2011, 10:37

IE can't center things using margin: 0 auto.

You can do like this:

body { text-align: center }
body>#wrapper { width: 1000px; margin: 0 auto; text-align: left }

and add the div id="wrapper" around everything

Vesa Kalervo Ekholm · 22 Apr 2011, 10:50

pain wrote:IE can't center things using margin: 0 auto.

You can do like this:
Code
body { text-align: center }
body>#wrapper { width: 1000px; margin: 0 auto; text-align: left }
and add the div id="wrapper" around everything

Sorry...but I have to admit, that I didn´t understand any of this

Maybe you could do it for me if I give you access to the server ?

Nick · 26 Apr 2011, 00:13

I fixed it on your server, forget what I said before. Here's what I did, opened gallery.index.phtml, and added this to styles:

table { width: 1000px; text-align: left; margin: 0 auto;}

I am keeping this as the reference because you will have to re-apply this 'patch' in the next version, although it will be easier because of the custom css ability.

Vesa Kalervo Ekholm · 26 Apr 2011, 01:36

Thank you very much... I really appreciate this

pain wrote:I fixed it on your server, forget what I said before. Here's what I did, opened gallery.index.phtml, and added this to styles:
Code
table { width: 1000px; text-align: left; margin: 0 auto;}
I am keeping this as the reference because you will have to re-apply this 'patch' in the next version, although it will be easier because of the custom css ability.

X3Photo Gallery Forums

IE vs. Chrome9 posts

IE vs. Chrome

Re: IE vs. Chrome

Re: IE vs. Chrome

Re: IE vs. Chrome

Re: IE vs. Chrome

Re: IE vs. Chrome

Re: IE vs. Chrome

Re: IE vs. Chrome

Re: IE vs. Chrome