I’ve been following this guide in order to create tabs on my web application.
I am using the exact same code and css from this example so you can use it as a reference.
As it says in the last pargraph there seem to be a compitability issue with IE.
While everything works in firefox in IE the layout looks really bad.
If I add the decleration mentioned there: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> or <!DOCTYPE html> the tabs render correctly in both IE and Firefox however the container seem to be cutting the content of the pages in the middle.
I tried playing with the container element in the css but nothing seems to help.
Any ideas…?
That doctype is incorrect and puts you into quirks mode. Use this one:
<!DOCTYPE html>