When using the html5 doctype declaration (<!DOCTYPE html>) there is a small gap between the tabs and the tabpanels in several browsers. Here's a screen capture from IE9 to show you what's happening:
Google Chrome does not have this gap, but other browsers like IE9 and Firefox 12 do.
That gap isn't there when using another doctype declaration like
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This seems to be a CSS issue, but how can I fix it?
MdV
Member
199 Points
254 Posts
TabPanels display slightly different when using html5 doctype
May 03, 2012 12:24 PM|LINK
When using the html5 doctype declaration (<!DOCTYPE html>) there is a small gap between the tabs and the tabpanels in several browsers. Here's a screen capture from IE9 to show you what's happening:
Google Chrome does not have this gap, but other browsers like IE9 and Firefox 12 do.
That gap isn't there when using another doctype declaration like
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This seems to be a CSS issue, but how can I fix it?
Thanks in advance for any pointers.
Song-Tian - ...
All-Star
43697 Points
4304 Posts
Microsoft
Re: TabPanels display slightly different when using html5 doctype
May 04, 2012 09:09 AM|LINK
Hi,
I would recommend that you report this to the IssueTracker of the CodePlex:http://www.codeplex.com/AjaxControlToolkit/WorkItem/AdvancedList.aspx .
Feedback to us
Develop and promote your apps in Windows Store
MdV
Member
199 Points
254 Posts
Re: TabPanels display slightly different when using html5 doctype
May 04, 2012 10:00 AM|LINK
Just did that, thanks.