» Advanced CSS Rendering » Embedding mathematical content in HTML

Sample XHTML Articles

XHTML sample articles below illustrate how scientific papers that contain mathematical equations can be rendered using XHTML and Cascading Style Sheets. Sample 1a contains annotations that explain basic rendering technique. Samples are compatible with Opera 6/7, MSIE 5.5/6.0 and recent Gecko based browsers (tested in Mozilla Firebird 0.7)

Sample HTML Articles

These sample papers show how mathematical articles could be rendered using HTML and Cascading Style Sheets. Each sample is served with several style sheets. You can select style sheets from »View»Style» drop down menu in Opera 7 and »View»Use Style» drop down menu in Mozilla/Netscape 7.

Style Sheets

Basic CSS2.1 Style Sheet
CSS2.1 compliant version of the core style sheet that renders XHTML structured mathematical content. Requires support for CSS1 and subset of CSS2.1 that includes relative positioning and inline blocks (or relative positioning, inline tables and anonymous table objects). Can be processed by Opera 6/7 and MSIE 5.5/6.0 Size:2K Language: CSS 2.1
Modified CSS2.1 Style Sheet
Modified version of CSS2.1 style sheet that uses XUL extensions to provide better compatibility with Gecko based browsers. Can be processed by Opera 6/7, MSIE 5.5/6.0, Mozilla Firebird 0.7 and some other Gecko based browsers. Size:2K Language: CSS2.1 + XUL extensions
Basic CSS2 Style Sheet
CSS2 compliant version of the core style sheet that renders HTML structured mathematical content. Requires support for CSS1 and CSS2 relative positioning. Compatible with Opera 6/7, MSIE 5.5/6.0, Mozilla 1.x, Netscape 7, Mozilla Firebird 0.7 Size:1.4K Language:CSS2

Screen Shots

XHTML + CSS Rendering
Here you'll see fragment of XHTML sample rendered in Opera 7.11 (background page) and MSIE 6.0 SP1 using CSS2.1 style sheet
Cross Browser HTML rendering
This is HTML sample rendered in Opera 7.11, Netscape 7.02 and MSIE 6.0 SP1 using CSS2 style sheet

Useful Links

Last modified on Sat, 6 Dec 2003