very strange image breaks with IE 7 (screenshots)

  • iceq

    (@iceq)


    15 years, 1 month ago

    Hey to you all. First, thank you for having the will to read my topic. In fact I tried very hard to solve the problem myself but couldnt. No body of those I asked for help could solve it either. You are my last hope! I’ll try to make it as short and clear aspossible.

    To begin, ill tell U what am talking about:

    Website: http://www.3areda.com – WordPress 2.7.1 powered
    Language:Arabic (right to left)
    theme:Pride by WPDesigner (http://www.wpdesigner.com/2007/06/07/pride-wordpress-theme)

    The problem is not with firefox, nor with IE 8. I see it with IE7 and Maxthon browser (which seems to be IE7 based)

    It is that there are kind of “breaks” in the theme’s images or style. Please see the following screenshots to understand what I am saying (in case you dont have IE7 and FF, because its better if you view the website directly from your browser) :

    http://img7.imageshack.us/img7/8199/ffie.jpg

    http://img7.imageshack.us/img7/7919/ffie2.jpg

    Also, I have this related problem with google ads, explained in this screenshot :

    http://img7.imageshack.us/img7/2673/float.jpg

    Now, the theme is originally in English and was localized from English into Arabic (right to left) by some guy, including localizing the CSS. Usually, directions of the theme are switched (left to right), paddings (to match the directions), and alignments as well.

    I made some changes to the original theme apart from localization, like font types, sizes, colors, etc. But the problem is in the CSS Not in the other files of the theme. I made sure of that by applying the original English CSS of the theme to my website, and the problem disappeared. But I need the localized CSS, and so I need to solve this problem.

    I compared the two CSSs using Beyond Compare Pro (which is great for comparison) and I found nothing that I recognized as faulty, but still the problem is caused by the CSS.

    Some guy suggested adding the following to the CSS, but it didnt help:
    * html iframe#google_ads_frame2 { left: 565px !important; }

    For your use, here are the CSSs

    Current localized CSS:
    http://paste-it.net/public/nbd1823

    Original English CSS:
    http://paste-it.net/public/f7b7dc0/

    You might also need the Firebug extension for Firefox for live css inspecting and editing, and Internet explorer Developer Toolbar for IE

    I wish somebody can help in this, and thanx in advance.

Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • esmi

    (@esmi)

    15 years ago

    It’s not a bug. It’s simply that the sidebar file needs editing to produce the placement that you want. Get rid of your ul and li fixes first. Then add a single widget of the type that you want to use and post back here. Only then people then help you work through this problem properly.

    Thread Starter iceq

    (@iceq)

    15 years ago

    Thank you very much for your interest. I wish you follow up with me till the end .

    Look what I have done, I am sure what I am gonna tell you will be important.

    1- I restored the ORIGINAL non localized version of the sidebar.php.
    2- I added the built in widgets of Tags, Archive, Links, Search, Pages, and Categories.
    3- I saved changes, and the widgets of the Tags and the Archive and the Search appeared chopped from bottom. The others (Pages, Cats, and Links) appeared Ok.

    To make sure the bug is not in the localized CSS, I restored the original CSS of the Original theme, and the chopped widgets still appear as they are. See this image:

    http://img23.imageshack.us/img23/4298/18371147.jpg

    SO it is not in the localized version but rather a major bug in the original theme. I assume it is in the sidebar.php. There should be somewhere where the shape of these faulty widgets is defined, and there is a mistake there that needs to be fixed.

    Thank You again

    esmi

    (@esmi)

    15 years ago

    I’d need to see this on a live site before I could begin to help.

    Thread Starter iceq

    (@iceq)

    15 years ago

    Oh Helloo

    While searching (AGAIN), I found a solution suggesting adding “position:relative” in the outer div containing the elements. I did it, and it worked !! It resolved the issue of the floating adsense ads which was believed to be causing the image breaks. Now I am almost sure its not the google ads that cause the image breaks.

    I am sorry as I cannot leave the website in the original css for you to see it live. I rather can add the buggy widgets to the sidebar, but under the localized CSS if that helps. I have just did that, and added the built in archive widget at the bottom of the right sidebar, under the email subscription. See how it is chopped ?

    Thread Starter iceq

    (@iceq)

    15 years ago

    UP

    Thread Starter iceq

    (@iceq)

    14 years, 11 months ago

    UP (desperately)

Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • The topic ‘very strange image breaks with IE 7 (screenshots)’ is closed to new replies.

Tags