Alignment Problem in Internet Explorer

[kambar]

Hello to Joomla! community,

I have searched thoroughly about this matter, but did not find a proper and working solution. That is why, I am finally creating this topic.

I am facing disturbed layout in internet explorer 7 and 8. However, my website runs well in other browsers such as Mozilla and Chrome.

I am using JA_PURITY template for my website. In IE7, my logo which is a PNG file, shows blue surrounding. My background is white and the logo surrouding becomes blueish in IE7 which looks unprofessional. While IE8 shows my logo correctly without any blueish surrouding.

But both of IE7 and IE8 shows my Most Read Articles in Position User1 and Latest Articles in Position User2 as CENTERED ALIGNMENT, in actual, they are LEFT ALIGNED.

Please tell me solutions regarding the above matters. This would not only be helping me, but many of our Joomla users, who are facing the same problem, I came to know after googling, but they are not getting a proper answer.]

My website is yet not published that's why, I am unable to provide you people a link.


Regards,
Kambar

[keb1965]

JA_Purity has some issues with IE because of the liberal usage of floating divs ... it causes unexpected results because IE still does not render some formatting properly.

Depending upon the location of the problem it can be as easy as adding the clearfix style to the div in the template code. However, it is probably just as easy to edit the CSS file to put the clearfix style parameters in the div style you are having problems with.

[kambar]

Dear keb1965;

Thanks for entertaining my question. Since I am new to Joomla!, please define the solution a little comprehensively.

How to add clearfix style or clearfix style parameters? For example, my problem lies in the header and user1 and user2, how may I fix them.

I have tried to do it myself, but I could not, that's why asking you. Please take time to answer these issues.

Best regards,
Kambar

[keb1965]

Well, this isn't really a joomla issue, it is a HTML issue .. the compatability of IE and some HTML formatting has long been an issue. Microsoft sees fit to not comply with the standards .. so workarounds must be found.

I don't fully understand your problem so I can't offer a solution. It would be like diagnosing your broken down car when the only knowledge I have is "it doesn't start" ...

If you can publish the site so people can have a look at it, then I am sure solutions can be found.

[kambar]

Dear Keb:

Since, I am making my website on localhost using xampp, I am unable to provide a link. I will upload it within few days. I will give you the link.

Let me give a chance try to explaining my problem. If I fail this time, we will look at this matter after I will launch the website.

If have the following problem when my website is viewed in Internet Explorer:

1. I am using only right position i.e. I am not putting anything on left position. In IE, all the modules which I have put in LEFT POSITION displace and go downside i.e. below the banner area.

2. My logo is a linkable logo. Though, it is shown, but it looks as though it has been selected or highlighted. The square of the logo has light blue background. However, the remaining of the area is white in header.

3. My modules are showing their text as centred alignment. In reality, they are left aligned.

These are my problems. All these situations occurs only when I view my website in Internet Explorer. Though, the 2 problem i.e. logo blueish background, does not appear when viewing in IE 8. It is only a issue in IE7. The rest of the issues are experienced in both IE7 and IE8.

Dude, thanks for your replies. I am really impressed by the fact how people in Joomla community help their members.

Best Regards,
Kambar

[kambar]

keb1965;

I really need help. I am waiting for your reply. I want to share another problem with you. If you can provide me a solution, it will be very kind of you.
I have choosen wide screen from the parameter of template JA PURITY, since it gives the best view in all the resolution without effecting sizes etc.


I have changed my template background color to gray. By template background, I mean the area situated on both sides The problem is that the background color does not changes. By template background color, I mean the area which is visible when the website is viewed in 1280 x 1024 Screen Resolution. Every thing, the template background as well as the main content background is in white color.

In order to define the problem clearly, I am attaching a picture file, which is the desired situation that I want with my website.

Kindly help me. My website is under construction and I have not uploaded it on remote host due to these problems.

Waiting for your response.

Regards,
Kambar

[keb1965]

There are 2 ways to manage this:

#1 - edit the CSS file associated with the background template you have chosen in the template setup (purewhite or lighter) Find the entries for #ja-containerwrap2 and make change the background from the image to #FFFFFF .. you will also need to work with the header and footer divs to make them look as expected. I don't have the time to find the correct ones to change. You should investigate that for yourself.

#2 - In the template images folder, there is a file cw-bg2.gif. It is n image that fills the background of the main page. Change that image to a solid color image of the color you wish to display.
Again, you will have to also explore the header and footer options either in the related CSS file or by editing the logos and background for the header and footer areas.

[kambar]

Dear Keb1965

I am very thankful for your help. Your reply truly helped me a lot. Thanks again for your kind help.

I wish you best of luck.

Regards,
Kambar

[keb1965]

you are very welcome

[salsa1]

Hi there!!

I'm having the same alignment problem! I still can not find a working solution! Logo still is left aligned when it was suposed to be aligned with the rest of the site's body! Only in IE!

There must be a solution! I hope you can help me!

Thanx very much!

[keb1965]

a link to the site would be helpful, a little background on what template you are using and whether or not it has been edited.

[dchen25]

Hi All,

I am also having issue with bottom modules' title not center aligned correctly. They are about 4, 5 characters to the right in IE. Firefox and Chrome looks centered. I am using the rt_hivemind_j15 templates. Can anyone point me to which css file I need to look at to correct the issue?

Thank you,
DC

[Raghavendranb]

HI all,
My website looks fine in chrome and firefox but there is a alignment problem in IE!!!! please provide me any solution!!! Thanks in advance :-)

I am using web hosting and link for the template is here
http://www.themza.com/joomla1.5/web-hos ... plate.html


Please help me...

Regards
Raghavendra

[Jo_Novice]

Hi,
I have no problem in viewing this full menu bar items at this URL http://www.kaks.sg/index.php?option=com ... &Itemid=45 from Firefox and Google Chrome browsers but when viewing from IE browser. The alignment problem would occured at the last menu bar item (Youth Executive Committee). The word "Committee" will spill-over to another row. You can't view from the current website cos it is in white colour texts and white background at the row below but you can do a mouse-over and you can see there is a link.

Appreciate can someone helps to point out the problem ? Thank you.

[sniffy1]

Maybe this will help someone else.

Using "template manager" edited the JA purity template html for index.php - I just added align="center" to the headerwrap.


<!-- BEGIN: HEADER -->
<div id="ja-headerwrap" align="center">
<div id="ja-header" class="clearfix">
<img src="/templates/ja_purity/images/header/xxxxxx.png">
<div class="ja-headermask">&nbsp;</div>

[sniffy1]

Had another site w/ same template but slightly different layout and had to add align="center" at 2 places in index.php to get it the header centered in internet explorer:

<div id="ja-mainnavwrap" align="center">
<div id="ja-headerwrap" align="center">

[kirtyin]

Hi
I am new to Joomla and i am facing issue similar issue with my website http://www.investindiaexpo.com which is under development and I am using template as002063 and Joomla 3.3.6.

Attaching a document "screenshot error" and "

Screenshot error.docx

with screenshots of how it looks in internet explorer ( the distorted view) and how it looks in Firefox.
Please help me to learn and understand why this issue comes!!
Thank You for your support in advance.
Regards
Kirti