I have wierd problem with Prince. The problem is when i have a div.margin-headers as a container for a h3 (float left) and a div.content thats i floated right with paragrahs inside the whole div.margin-headers ends up a own page, even at least the first two paragraps has enough space on the page to fit.
I have to following code: (HTML)
Is this a common problem, or am i missing some css attribute on the div.margin-headers? It works as long as i dont have to much text in the P's.
The problem especially occurs when i have two div.margin-headers after eachother. Any solution?
Thansk for your help!
I have to following code: (HTML)
<div class="margin-headers">
<h3>Test av marginal rubriker</h3>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida urna vitae arcu pharetra nec pulvinar lorem posuere. Etiam vitae mauris ligula. Maecenas et tellus quis ante aliquam egestas. Mauris vestibulum tincidunt dui lobortis imperdiet. Aliquam ut erat quis risus blandit commodo. Vestibulum tincidunt ultrices leo eu laoreet. Praesent varius velit vestibulum erat accumsan rhoncus. In mattis venenatis faucibus. Nunc nulla magna, vehicula id posuere quis, ornare sed neque. Fusce porttitor elementum odio, sit amet egestas leo sagittis eu. Nunc fringilla ligula quis purus posuere dignissim. Fusce eget tempus urna.
</p>
<p>Nulla a mi metus, non elementum nisl. Duis interdum auctor turpis, vel consectetur dolor hendrerit tempor. Curabitur volutpat porttitor dolor, sit amet auctor augue varius vitae. Maecenas semper est vehicula ligula convallis vel cursus sapien mattis. Nulla et vehicula nisi. Sed non metus sit amet mauris blandit viverra. Donec eget tellus eu dui dapibus consequat ut bibendum felis. Pellentesque quis tempus odio. Duis nec nulla erat. Sed ultricies congue sodales. </p>
<p>Nullam condimentum quam nec neque placerat euismod. Nam fringilla mollis dui, nec malesuada ante tristique in. Morbi erat tortor, ultricies vitae dictum ut, pharetra ut orci. Suspendisse potenti. Proin id condimentum enim. Maecenas in mi leo. Integer cursus lectus tellus. Vestibulum pharetra luctus lacus nec lacinia. Duis sit amet semper nisl. Vivamus sed diam ac purus pellentesque hendrerit. </p>
</div>
</div>
<div class="margin-headers">
<h3>Test av marginal rubriker</h3>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida urna vitae arcu pharetra nec pulvinar lorem posuere. Etiam vitae mauris ligula. Maecenas et tellus quis ante aliquam egestas. Mauris vestibulum tincidunt dui lobortis imperdiet. Aliquam ut erat quis risus blandit commodo. Vestibulum tincidunt ultrices leo eu laoreet. Praesent varius velit vestibulum erat accumsan rhoncus. In mattis venenatis faucibus. Nunc nulla magna, vehicula id posuere quis, ornare sed neque. Fusce porttitor elementum odio, sit amet egestas leo sagittis eu. Nunc fringilla ligula quis purus posuere dignissim. Fusce eget tempus urna.
</p>
<p>Nulla a mi metus, non elementum nisl. Duis interdum auctor turpis, vel consectetur dolor hendrerit tempor. Curabitur volutpat porttitor dolor, sit amet auctor augue varius vitae. Maecenas semper est vehicula ligula convallis vel cursus sapien mattis. Nulla et vehicula nisi. Sed non metus sit amet mauris blandit viverra. Donec eget tellus eu dui dapibus consequat ut bibendum felis. Pellentesque quis tempus odio. Duis nec nulla erat. Sed ultricies congue sodales. </p>
<p>Nullam condimentum quam nec neque placerat euismod. Nam fringilla mollis dui, nec malesuada ante tristique in. Morbi erat tortor, ultricies vitae dictum ut, pharetra ut orci. Suspendisse potenti. Proin id condimentum enim. Maecenas in mi leo. Integer cursus lectus tellus. Vestibulum pharetra luctus lacus nec lacinia. Duis sit amet semper nisl. Vivamus sed diam ac purus pellentesque hendrerit. </p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida urna vitae arcu pharetra nec pulvinar lorem posuere. Etiam vitae mauris ligula. Maecenas et tellus quis ante aliquam egestas. Mauris vestibulum tincidunt dui lobortis imperdiet. Aliquam ut erat quis risus blandit commodo. Vestibulum tincidunt ultrices leo eu laoreet. Praesent varius velit vestibulum erat accumsan rhoncus. In mattis venenatis faucibus. Nunc nulla magna, vehicula id posuere quis, ornare sed neque. Fusce porttitor elementum odio, sit amet egestas leo sagittis eu. Nunc fringilla ligula quis purus posuere dignissim. Fusce eget tempus urna.
</p>
</div>
</div>
Is this a common problem, or am i missing some css attribute on the div.margin-headers? It works as long as i dont have to much text in the P's.
The problem especially occurs when i have two div.margin-headers after eachother. Any solution?
Thansk for your help!