Solved

Div border closes and repeats on pagebreak possible?

Posted on 2012-03-12
1
148 Views
Last Modified: 2012-05-02
Hello, I have the following where I make a box with a small and thick border. Inside the inner div I have content where I have placed page-break-after:always where a pagebreak should be.

That works, but how can I close the border divs before and after the pagebreak?

   #outsideContainer
        {
            width: 800px;
            margin: 20px;
            border: 1px solid #000;
            min-height: 600px;
         
        }
       
        #insideContainer
        {
            width: 794;
            margin: 1px;
            border: 2px solid #000;
            min-height: 600px;
         
        }
   #content
        {
            margin-top: 5px;
            height: auto;
            border-top: 2px solid #000;
            padding: 40px 60px;

        }
0
Comment
Question by:gogetsome
1 Comment
 
LVL 30

Accepted Solution

by:
IanTh earned 500 total points
ID: 37711863
I think your inner need to be min-height: outer div - margin and border  so it fits inside the outer container
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now