Alignment problems with two-column divs and Safari, crash in chrome

152 views
Skip to first unread message

Richard Morris

unread,
May 5, 2011, 10:57:23 AM5/5/11
to MathJax Users
I'm having problems using MathJax inside a two column div.
Specifically a div with <div style="column-count: 2; -moz-column-
count: 2; -webkit-column-count: 2; list-style-type: decimal;">. What
happens is that any mathematical formula which should appear in the
second column instead appear below the div.

While the display is annoying in Safari I'm getting a page crash when
I use Chrome.

Sample code is
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Jep: Creating mathml from expressions</title>

<script src="../MathJax/MathJax.js">
MathJax.Hub.Config({
jax: ["input/TeX","output/HTML-CSS"],
extensions: ["tex2jax.js","MathMenu.js","MathZoom.js"],
TeX: {
extensions:
["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
}
});
</script>
<!--
MathJax.Hub.Config({
extensions: ["mml2jax.js"],
jax: ["input/MathML","output/HTML-CSS"]
});
-->
</head>
<body>

<h2>MathJax in two column div</h2>

<div style="column-count: 2; -moz-column-count: 2; -webkit-column-
count: 2; list-style-type: decimal;">
<ol class="references">
<li id="cite_note-0">A \(a^1\)</li>
<li id="cite_note-0">B \(b^2\)</li>
<li id="cite_note-0">C \(c^3\)</li>
<li id="cite_note-0">D \(d^4\)</li>
<li id="cite_note-0">E \(e^5\)</li>
<li id="cite_note-0">F \(f^6\)</li>
</ol>
</div>
<ul>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
</ul>
</body>
</html>

Frédéric WANG

unread,
May 5, 2011, 11:20:28 AM5/5/11
to mathja...@googlegroups.com
--
Frédéric Wang.
Website - Weblog

Davide P. Cervone

unread,
May 6, 2011, 9:36:41 AM5/6/11
to mathja...@googlegroups.com
Fred is right, this is the same issue. I am putting my response in
the issue tracker, so please follow it there.

Davide

Reply all
Reply to author
Forward
0 new messages