为什么tinymce水平滚动条放错了地方?

时间:2014-02-16 08:18:09

标签: javascript html5 article

您好我正在检索,编辑和存储系统并使用TinyMCE 3作为编辑器。 我的问题是水平滚动条将自己置于textarea的正下方,实际上滚动了放置textarea的整个html5文章。 textarea被放置在容器div中以使其居中并且工作正常。但是,我无法弄清楚为什么水平滚动条会起作用。我原本以为它会立刻放在textarea下面 - 有没有人可以给我一个正确的方向?

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>QA-tech Portal</title>
<link rel="stylesheet" type="text/css" href="css/all.css" media="screen" />
<script type="text/javascript" src="../js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
//Full featured example from www.tinymce.com/tryit/3_x/full.php
// copy and pasted from abowe URI

</script>
</head>
<body>
<div class="wrap700">
    <header>
        <div class="top698">
            <div class="header-l">
            </div>
            <div class="header-c">
                <br><br>
                <a href = "documents/Kom_godt_i_HSE.pdf" target = "_blank">
                HSE System                    </a>
            </div>
            <div class = "header-r">
                &nbsp;<br><br><br><br><br>
                <a href="print_page.php"><img src="../images/print_t_ikon.png" alt="Udskriv" title="Udskriv" width="30" height="30"></a>
            </div>
        </div>
    </header>
<div id="maina">
<article>
<br><br>
<p>Afsnit:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Arbejdets organisering og dokumentation
<br><br>
Dokument:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Organisation og kommunikation
<br><br>Udgave:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dato:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
2014-02-16&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Skrevet af:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cgi        <br><br></p>
    <form method = "post" action ="page_append.php">
    <div class="textarea_cont">
    <textarea name="new_doc_contents" style="width:90%; height:400">
     ...here goes text from data base displayed in tinymce......
    </textarea>
    // here I would like the horizontal scroll bar to be
    </div>
    <br>
    <br>
    <p>Redigeret af: <input type="text" style="width:30px" name="author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="Gem dokument efter
rettelse" class="sbut-green">
    </p>

// here is horizontal scroll bar placed......

    </form>
    <br>
    <br> 
 </article>
</div> <!-- main -->
<div class="clear">
</div>
    <footer>
        //... footer text
    </footer>

</div> <!-- wrap -->
</body>
</html>

页脚未滚动,因为它未包含在文章标记中。

0 个答案:

没有答案