並べて表示しようとしている 2 つの DIV を含む JTextPane にロードしている HTML ファイルがあります (CSS を使用float
)。しかし、私が何をしようとしてもうまくいきません。要素は常に要素のinstructions
下に表示されます。title
横幅も調整してみました。JTextPane はこの CSS プロパティをサポートしていません - テーブルを使用する必要がありますか? ファイルは Safari で正しく表示されます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
@font-face {
font-family: Mentone;
src: local(Mentone),
url(Mentone.otf) format("opentype"),
}
div#container { width: 95%; margin: 0px auto; }
div#title { font-family: Mentone; font-size: 108px; width: 200px; margin: 100px 15px 0 15px; float: left; }
div#instructions { font-family: Mentone; font-size: 130%; width: 300px; margin: 100px 15px 0 15px; color: #dddddd; }
</style>
<title>Welcome</title>
</head>
<body>
<div id="container">
<div id="title">my app</div>
<div id="instructions">Instructions go here.</div>
</div>
</body>
</html>