Here i am going to show you how to implement Tabs functionality in a webpage.
From below screenshots, we can see that the webpage contains 4 DIV tags:
- Left Tab
- Right Tab
- Content Container
Below is the screenshot from IE:
Below is the screenshot from Firefox:
Some style properties work good in IE, But not get rendered as expected in other browsers. Here i will explain, how to solve 'float' style property for DIV boxes in firefox (and chrome). when we modify the style properties for these 3 DIV's, [ 2 buttons, 1 container], one among these 2 browsers seems to render incorrectly when other does render correctly.
To make them show correctly in both browsers and
For solving these Bugs, iam going to use, 'Conditional comments' which are IE specific. For details check here.
If you know any other solution, fixes, share with me.
Check the Demo here!