divTests.html

<!DOCTYPE html>
    <html>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <div id="myModal" class="modal">
            <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2 id="header-head">Begriffsdetails</h2>
                </div>
                <div class="modal-body">
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                    <p> BodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytextBodytext </p>
                </div>
                <div class="modal-footer">
                    <form id="commentForm">
                    <textarea id="commentText" rows="10" cols="150" style="resize: none;"></textarea>
                    <button type="submit" id="commentButton">Kommentieren als Anonymus</button>
                    </form>
                </div>
                <div class="modal-header">
                    <h2 id="header-head">Diskussion zum Begriff</h2>
                </div>
                <div class="modal-comments">
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                    <p> Kommentartext</p>
                </div>
            </div>
            <div class="modal-sideliner">
                <div class="modal-header">
                    <h2 id="header-head">Letzte Kommentare</h2>
                </div>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
                <p> Sausage! </p>
            </div> 
        </div>
</html>