[Solved] HTML output different in IE and FireFox

[Andres]

Hi

We have a problem with the layout of our scheduler.  The output html in IE6 seems to be different than the firefox code.  We were searching for hours why the layout of our scheduler wasn't correct in IE.

Is there a reason why in IE   is printed?  Is there a way we can leave those out?

FIREFOX

<tr class="rsRow rsAltRow">
                           <td class="rsCell rsWorkHour"><div class="rsWrap" style="z-index:123;">

                           </div></td><td class="rsCell rsWorkHour rsSatCol"><div class="rsWrap" style="z-index:123;">

                           </div></td><td class="rsCell rsWorkHour rsSunCol"><div class="rsWrap" style="z-index:123;">

                           </div></td><td class="rsCell rsWorkHour"><div class="rsWrap" style="z-index:123;">

                           </div></td><td class="rsCell rsWorkHour"><div class="rsWrap" style="z-index:123;">

                           </div></td><td class="rsCell rsWorkHour"><div class="rsWrap" style="z-index:123;">

                           </div></td><td class="rsCell rsWorkHour rsLastCell"><div class="rsWrap" style="z-index:123;">

                           </div></td>
                       </tr>


INTERNET EXPLORER

                   </tr><tr class="rsRow rsAltRow">
                       <td class="rsCell rsWorkHour rsSatCol">&nbsp;</td>
                       <td class="rsCell rsWorkHour rsSunCol">&nbsp;</td>
                       <td class="rsCell rsWorkHour">&nbsp;</td>
                       <td class="rsCell rsWorkHour">&nbsp;</td>
                       <td class="rsCell rsWorkHour">&nbsp;</td>
                       <td class="rsCell rsWorkHour">&nbsp;</td>
                       <td class="rsCell rsWorkHour rsLastCell">&nbsp;</td>
                   </tr>

The problem is that the appointments aren't placed at the correct position in IE6.

Any ideas?

Thx a lot!

[Atanas Korchev]

Hi Andres,

Internet Explorer does not render TD tags if they are empty - hence the &nbsp. Could you reproduce the visual problem in our online examples?

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Andres]

Hi Albert

We understand that you are putting   tags but why aren't the div's comming there too, because now the styles aren't the same in IE and FF

Here's an example: <img src="http://img.skitch.com/20080407-nifeker765dybtsra97f1aqiss.jpg" alt="telerik2"/>

Check also the other post we made http://www.telerik.com/community/forums/thread/b311D-bcetdg.aspx  it's because we are changing things in css that we have a difference in the 2 browsers in guess..

Thx

Andres

[Atanas Korchev]

Hi Andres,

The DIVs are not rendered for performance reasons - Internet Explorer was slowed down substantially. Could you please provide a live URL where we can see the problem? We may be able to provide some CSS workaround for both browsers. Thanks.

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Andres]

http://www.drvandenplas.be/calendar.aspx

Thx Albert!

[Atanas Korchev]

Hi Andres,

Please try modifying the .rsCell CSS rule like this:

.rsContentTable td.rsCell {

    height:6px;
    line-height: 6px;

}

This seems to fix the problem in Internet Explorer.

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Andres]

Hi

I added the line-height to the css but now it's like this: http://img.skitch.com/20080407-8j4eqtyiug7p8kabpmrcghex3m.jpg

[Andres]

Hi

I added the line-height to the css but now it's like this: http://img.skitch.com/20080407-8j4eqtyiug7p8kabpmrcghex3m.jpg

[Atanas Korchev]

Hi Andres,

I've checked the online URL but you don't seem to have updated the .rsCell rule. Here is an excerpt from the flexical.css file:

/* Legend calenders */

.rsContentTable td.rsCell

{

  height: 6px;

}

Am I missing something? How did you set the line-height attribute?

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Andres]

Hi Albert

Because it was on a live site, i removed it again because it was messing the scheduler up more than before.

BUT!! :)  I tested it just now on some of our other client sites and there it is working correctly, so i guess we have a specific css mistake for this customer, so we'll have to check it out ourselfs now and fix our css!

Thx a lot Albert, you're great!

Best regards
Andres