Css Problem with IE9 only

Hello,
i have a problem with "realisations" page display in ie9 only, all the content display in line on the right of the page.

The same in ie8, firefox is ok, what can i do for that in css?

You can see in live here : http://www.aws2p.com/realisations

thanks for your advices.
regards ,
Profwalken

Hi

It looks like a problem with validation error. Please check HTML code in articles/modules visible on this page. Look for unclosed HTML tags.

http://validator.w3.org/check?uri=http% ... ne&group=0

i have solved css settings for component now it display in good width in accordance to template.

but there's another same problem on same page a module display only text informations and i don't know why , text goes out of page on right side (very far). i tried to edit CSS class ".gkMain." on line 26 in the file "/templates/gk_appsite/css/layout.css".

.gkMain {
padding: 23px;
width: 960px; /*added this*/
}

it's not good when width is set text is truncated to 960px but rest of text is lost. why?

what can i do to solve this?

Thanks

Hi

I still think it's because of validation errors. Overwriting it with CSS is not the best solution in this case, because any new extension may show another problem. Please get rid of validation where a closing tag in HTML is mentioned. When You do that I bet all rest of this problems will be solved.

Hello,
i've seen problem only using <PRE> tag in preformatted style available in JCE, if i replace this by a simple <P> problem disapear and text is well displayed over all browsers.
haven't tried to find in which css file there is a description for PRE tag to see if something is wrong.

what do you think about that?

thanks
Profwalken

Hi

<pre></pre> is mostly used for debug, so You should try to avoid using it if not needed. A style for this may be designed to show as much space around it as possible to make it more visible to programmers.