I'm trying to get my comments to display properly in IE. They look fine in Firefox. No matter what theme I use, the comments are always jumbled in IE.

Here is what they look like in IE - link

And here is Firefox - link

Here is my style.css. I'm using the simple_line theme right now.


Anyone have any ideas?

Hi Jbeard7

I think it's a problem with the "transparent" tag. I have had the same problem on a site i build for a friend.

CSS in IE and Firefox don't allways look the same. I know of the "transparent" tag witch gives different results, and scollbars in iframes are also a bit wierd.

Grizzly

but the transparent tag is only used to define background colors. if i assigned a color, wouldn't it still not effect the spacing and layout?

I have this same problem with the default theme of XOOPS 2.2. Has been someone able to solve this?

P.S.: looks good on Opera 8.5 too.

I solved it! Adding

<div style="clear:both;"></div>


At the end of the system_comment template so it look lke this now:



Hope to help!

Also it is necessary to modify the Style.css so that it appears the information of poster on the message. Without the modification this appears detras.

Sorry I can´t write English very well

También es necesario modificar el Style.css para que aparezca la información de quien envio el mensaje sobre el mensaje. Sin la modificación esta aparece detras.

.comUserdetails {
float: left;
position: relative; // First change
top: 5px; // Second Change
left: 1px;
*/font-size: 0.85em;
border: 1px solid #d0d0e0;
background-color: #fff9ef;
padding: 3px;
/*margin: 5px 5px 5px 5px;*/
text-align: center;
margin: 5px 10px 5px 0px;
z-index: 2; //Third change
}

.comContainer {
background-color: #ffffff;
border: 1px solid #D0D0E0;
position: relative;
margin-bottom: 10px;
z-index: 1; // other change
}