Creating a tabbed dialog with Javascript and CSS - Part 3
Following on from part 1 and part 2...
Adding a strict doctype to the html used to generate the tab bar of the following:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
causes both IE and Firefox to exhibit exactly the same page chewing behaviour. Of course, had I used one in the first place, I would've spotted that. That'll teach me to to trust Visual Studio, it puts a "lazy" doctype in, grrrr!
At least now I can move forward with this and make the behaviour consistent (and consistently correct!) between Firefox and IE. So, the list of things that need to be done to the control now are:
- Sort out the rendering so it's correct with a strict doctype
- Add scrollers on either side of the tab bar so that if the sum of the width of the tabs would exceed that of the content div, the tabs are scrollable
- Make the whole shooting match into an ASP.net 'custom control' with a usable design time behaviour. It should be self contained and emit all the required javascript and CSS to support itself.
Not that I've got anything else to do, but it's all good fun!
