Design problem in different browser !!!!

Hi,

Please look at the template demo in opera, chrome and safari browser (last version of course, on macintosh).

There is a gap between bottom images in the mainbody block. This gap is huge with opera !!!!

Please look at the pics attached.

opera.jpg

chrome_safari.jpg

I hope you can give us a solution to resolve this problem.
regards,

Ryo

Hi

It's because of a different widths. The width is being counted as 33.3333333333% . Most probably Opera is usinf only what it before the dot.

Try overwrite this value with a pixed width:

Code: Select all

.nspArt {
width:280px !important;
}


this would affect all instances of NSP module, so use a module class suffix with it to connect it where You need it only.

Thanks,

in which css file could I find the .nspart width ?

Ryo

Hi

Please add it to override.css file, but remember to allow usage of this file in template settings.

Hi,

Thanks but it's not work, the correct width if you don't want to broke the style is 225px but the still here.

More, the module have already a suffix class 'nsp banner clear), so what is the best to do ?

Ryo

Hi

Can You please show me Your page with this code entered? Maby send me joomla panel access so I'll be able to add it myself.

Hi,

I can't, the site is not online, but the problem can be view easily, just look at the demo in opera browser.

From here you can test your solution to fix the problem.

Ryo

Hi

This code worked for me:

Code: Select all

#gkHeader1 .banner .nspArt,
#gkHeader1 .banner .nspArt img.nspImage {
    width: 225px !important;
}