Joomla Templates Club 406,261 posts

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#132720

Hi Everyone

Just had a client on the telephone, not very happy with his page on my site! Turns out he’s using IE and is seeing something totally different to me.

This is how a section of his page looks to me in Firefox:

and, this is what he’s seeing:

No wonder he’s not happy :((

Anybody know what the problem is or, more important, if there’s a fix for this?

JA Teline II, Joomla 1.5.3 (with security patch and commercial 3rd party security extension), JoomFish 2.0 Beta, JoomSuite Member.

Thanks
Chris

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#267831

hey quest

what’s the url?

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#267836

Hey anisjolly

Site is here: http://www.questbg.com

Everything looks fine in Safari and Firefox?

Thanks
Chris

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#267841

what page is that example on?

i tends to have it’s own mind regarding css. i’ll see if i can do something with it.

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#267843

Showcase ads on the right (Hot Topic module). Second one down, Orpheus Interiors!

Thanks
Chris

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#267849

hmmmmmm…..it’s only happening in IE7.

i’ll have to look into this deeper. can’t directly spot the relevant css code – might have to add the code direct to the article-content class on the page/file.

i’m at work at the mo -i’ll see if i can knock something up over the next hour.

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#267854

Thanks anisjolly

No idea what you’re talking about, but I’m grateful for your help!!

Cheers
Chris

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#267865

hey Chris

Tried looking at this prob for you and I can’t seem to pin down the css prob.

sorry pal. 🙁

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#267890

I’ve been through this, you need to set the horizontal and vertical spacing around the image.

If you are using JCE, there is a parameter to set it when you upload the image

or

you can edit your images in raw html, (raw html always works the best)

<img border="0" src="fpath_to_image.jpg" align="left" hspace="5" vspace="5">

thy playing with these parameters

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#267909

<em>@anisjolly 76559 wrote:</em><blockquote>
Tried looking at this prob for you and I can’t seem to pin down the css prob.
</blockquote>

Thanks anisjolly. Much appreciated anyway!

<em>@mj1256 76594 wrote:</em><blockquote>I’ve been through this, you need to set the horizontal and vertical spacing around the image.</blockquote>

Hi mj1256. I always apply horizontal spacing when I upload the images. Here’s the code for the example shown above:

<h2>Perfect Craftsmanship</h2><p> <br /><img class="caption" src="images/stories/showcaseads/orpheus/presentation/lounge.gif" border="0" alt="lounge furniture with orpheus interiors bulgaria" hspace="20" align="left" />Perfectly crafted and constructed from solid hard woods and beautiful mosaic veneers, we offer a carefully priced and stylish range of collections from which to choose:

When I view the page source in Firefox, the horizontal space is showing fine, but IE seems to be ignoring it for some reason.

Any ideas anyone?

Many thanks
Chris

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#267915

<em>@questbg 76613 wrote:</em><blockquote>

Hi mj1256. I always apply horizontal spacing when I upload the images. Here’s the code for the example shown above:

<h2>Perfect Craftsmanship</h2><p> <br /><img class="caption" src="images/stories/showcaseads/orpheus/presentation/lounge.gif" border="0" alt="lounge furniture with orpheus interiors bulgaria" hspace="20" align="left" />Perfectly crafted and constructed from solid hard woods and beautiful mosaic veneers, we offer a carefully priced and stylish range of collections from which to choose:

When I view the page source in Firefox, the horizontal space is showing fine, but IE seems to be ignoring it for some reason.

Any ideas anyone?

Many thanks
Chris</blockquote>

There is no vertical space included Chris. The revised format shows align right now though for the images.

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#267916

<em>@cgc0202 76619 wrote:</em><blockquote> The revised format shows align right now though for the images.</blockquote>

Hi Cornelio, I had to align all the images to the right as this ‘lessens’ the problem in IE. The case as per original screengrab (images obliterating start of each line of text) was not acceptable to the client. As this is totally out of my hands to fix, I aligned images right to try and keep him happy until I can find a ‘real’ fix!!

Unfortunately, I don’t have IE6 so can’t even check the other pages :((

Hopefully there will be some ‘fix’ in the css I can do … here’s hoping a JA staff member can come along and give me a fix!!

Cheers
Chris

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#267963

for browser compatibility testing i recommend the IETester

you will not be able to test in IE5, 6, 7, and 8
http://www.my-debugbar.com/wiki/IETester/HomePage

I would still use both hspace and vspace, although I did not see it is your example code, did you try it

or, have you tried putting the conent in a table and using cell alignment?

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268041

Hi mj1256

<em>@mj1256 76675 wrote:</em><blockquote>for browser compatibility testing i recommend the IETester
</blockquote>

That looks a useful tool. Unfortunately it’s only XP and Vista compatible, I’m using Mac’s!

<em>@mj1256 76675 wrote:</em><blockquote>I would still use both hspace and vspace, although I did not see it is your example code, did you try it

or, have you tried putting the conent in a table and using cell alignment?</blockquote>

Will try these options and let you know.

Thanks
Chris

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268136

<em>@mj1256 76675 wrote:</em><blockquote>I would still use both hspace and vspace, although I did not see it is your example code, did you try it</blockquote>

OK. I tried H and V space. The result is far worse than the original (horizontal space only!):

PLEASE, can somebody help me fix this. I have one VERY pissed off client who is not threatening to withdraw his 12 month booking on my site.

Thanks
Chris

[Author]

Posts