Cross browser tabbed pages with CSS

Author: Stu Nichols Translation: forestgan

Information

This is an adaptation of cssplay's webmaster based on its recently created dropdown and flyout menus,
When you hover the mouse over the menu in sequence, different pages can be displayed at the same position, in opera,
Ie5.5, IE6, IE7 beta, Safari 1.3.2 & Firefox. Correctly displays and works, not compatible with Mac ie5.

When hovering over a menu or page, text, images, and links are displayed. the scroll bar must be added to each page.

Style

For non-ie browsers, it is relatively simple to use only one style sheet.

<LINK rel = "stylesheet" Media = "all" type = "text/CSS" href = "one_page.css"/>

The one_page.css File

Internet Explorer also needs to add a special one for it and use conditions to judge the addition.

<! -- [If lte ie 6]> <LINK rel = "stylesheet" Media = "all" type = "text/CSS" href = "one_page_ie.css"/> <! [Endif] -->

The one_page_ie.css File

XHTML

You will see that the conditional judgment is used to add a table to IE. other browsers will not use the table, but will normally use the unordered list.
Document Type Declaration must be added. Otherwise, it cannot work normally.

Demo: one_page.html

Address: http://www.cssplay.co.uk/menu/one_page.html