I.Explorer and Firefox Different !!!

[ercan_bora]

Hi,

I see this page in firefox and ie different.

In Internet Explorer, there is a space (big space) between header and article but firefox is showing correctly.

Internet Explorer Screenshot
http://www.ansiklopedim.org/ie.JPG

Firefox Screenshot:
http://www.ansiklopedim.org/firefox.JPG

How can i fix this issue?

Thanks for your help

[GusLinares]

Hi

Ive also had this issue before - no idea why its happening.

Resolved by editing article and applying justify to text - then they seemed to work.

Gus

[ercan_bora]

Thanks for your help but i cant edit all articles !

I need complete solution, i think this is not about editing article, there is another thing (bug also)

How can i do?

Is it possible of menu items, because when i reach 12 or more category my main page mixing up... I will send you a screenshot in near time.

[apocan]

this problem is important I think... we have tto solve

[Dave]

I am also having the same problem on about a third to a half of my articles. But even those articles that appear in the normal position lack the normal margin between the article and the right column - the text is nearly running together.

[ercan_bora]

We are still waiting for an update or fix for this and other issues.

But someone is working correctly like
http://ansiklopedim.org/index.php?news=284
, very strange

Could developers help to us about this issue, please? (2 day passed)

[ercan_bora]

these cause of editor formatting (about cells)

I deleted text and copied to notepad after re- inserted, and problem fixed

Guslinaras said : "Resolved by editing article and applying justify to text - then they seemed to work." that is the only way for fixing it.

Thanks for your help everybody.

[Alex]

This is a general bug in IE happening in layout.css, we will have a solution to this CSS bug soon.

[steaua]

I also have this problem, please consider a patch soon

[pcoskat]

This is a general bug in IE happening in layout.css, we will have a solution to this CSS bug soon.

Has this issue been resolved?

[Micha]

I solved this problem by rewriting layout.css file and a few classes in forms.css and style.css.

Now this applies for default themes only (blue and red), because I’ve worked here with fixed widths of columns in order to ensure layout stability in Internet Explorer.

You will find layouts for blue and red theme attached in .zip file and as for the rest of fixes, here they go:

Blue theme:

style.css

line 46

#article_body – remove float: left;

forms.css

line 77

input.input_Fields_small – change width of this input field to some smaller value (134px will do the job).

Red theme:

style.css

line 43

#article_body – remove float: left;

I hope that this will come helpful to you all.


For the people with the customized templates, here’s a little explanation on how to modify and fix your layout.
I’ll try to explain this by analyzing default blue theme layout.css file.

Here we have a layout 980px, left column 150px and right 250px wide, so the Id of entire layout container looks like this:

#container {
position: relative;
width: 980px;
margin: 0px auto;
text-align: left;
}

Next we have 1px left and right border on our inside content div, so we need to subtract 2px in total from container’s width:

#content { width: 978px; overflow: hidden;}

For left and right columns we have widths of 150 and 250px and appropriate floats:

#dynamic_box_right {
width: 250px;
margin: 0;
float: right;
}

#dynamic_box_left {
width: 150px;
margin: 0;
float: left;
}

Ok, now here comes the main part, middle column or .content_holder class.
Here we have left and right margin of 12px, left float, display inline and 554px width.
We got the 554px width by subtracting width’s of other elements, borders and margins:

980px entire width – 2px left and right border on content – 150px left column – 250px right column – 24px left and right margin on content_holder = 554px width of our middle column.

display: inline; property is necessary to ensure that double margin bug doesn’t appear in Internet Explorer.

.content_holder {
margin-left: 12px;
margin-right: 12px;
float:left;
display: inline;
width: 554px;
}

For content without left or right column we just need to add width of column that doesn’t appear on page:

Content without left column:

554px content_holder + 150px left column width = 704px

.content_holder_no_left {
margin-right: 12px;
margin-left: 12px;
width: 704px;
float:left;
display: inline;
}

Content without right column:

554px content_holder + 250px left column width = 804px

.content_holder_no_right {
margin-right: 12px;
margin-left: 12px;
width: 804px;
float:left;
display: inline;
}

Well that is basically it, you’ll also need to apply changes above for style and forms.css files.
Hope you all got the point on how to fix or customize layout of your website :)

[pcoskat]

What about the templates purchased from the gallery? i'm having the same IE/Firefox problems.

[Micha]

On what page do you get this error?

Could you please post an URL so I can see this, or submit a support ticket with your FTP access so support staff can see to this problem.

[nfriend]

Is this fix included in the 3.51 patch, or do I need to do this manually after installing the patch? It seemed from the changelog that it was...but better safe than buggy...

[boccio]

No, templates and CSS are not included in patch. This is only included in clean 3.51, if you have issues after applying the patch, use this hack.

[pcoskat]

No, templates and CSS are not included in patch. This is only included in clean 3.51, if you have issues after applying the patch, use this hack.
What would be used to address IE problems in purchased gallery skins?

(also asked in HELP DESK, but the answer here might benefit others)

[Micha]

What would be used to address IE problems in purchased gallery skins?

(also asked in HELP DESK, but the answer here might benefit others)

Your problem wasn't related to CSS.

Streaming media plugin wasn't installed properly, and that caused your layout to appear.

As for the gallery templates, they have been tested in Firefox, Opera and Internet Explorer and this fix doesn't apply for them.

[pcoskat]

Your problem wasn't related to CSS.

Streaming media plugin wasn't installed properly, and that caused your layout to appear.

As for the gallery templates, they have been tested in Firefox, Opera and Internet Explorer and this fix doesn't apply for them.

Ok. thank you for responding :)

[eto]

hi. if the article is going down? what is the problem?
the problem is that the text is going down with the google ad.. and it is really horrible