This is a migrated thread and some comments may be shown as answers.

Wrong rendering?

1 Answer 38 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Eric Schoenholzer
Top achievements
Rank 2
Eric Schoenholzer asked on 13 Jan 2012, 01:59 PM
Hi,
I'm using something like this:

<
div id="tabstrip">
<ul>
<li class="k-state-active">
Movies
</li>
<li>
Series
</li>
</ul>
<div>
<div id="gridMovies" />
<div>
Second Tab Content
</div>
</div>


With that, the content of the second tab is rendered at the bottom of the first tab after the grid.
When I change it to
<div id="gridMovies"></div> 
it works fine.

Is that because the document isn't valid ("XHTML 1.0 Transitional")   ?   
Is it necessary to be 100% valid?
Using IE9.

Thanks
Eric

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 13 Jan 2012, 03:09 PM
Hello Eric,

Web standards exist to ensure that compliant browsers behave in a consistent and expected manner.

In this particular case, browsers treat the self-closing <div /> tag as a start tag, which makes the TabStrip think it has only one content tab.

Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip
Asked by
Eric Schoenholzer
Top achievements
Rank 2
Answers by
Dimo
Telerik team
Share this question
or