Photo Gallery Forums

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,

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.

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 ?

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?

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.

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

You can do like this:
and add the div id="wrapper" around everything

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

You can do like this:

Code Select all

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 ?

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

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 Select all

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.