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.