Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Div border closes and repeats on pagebreak possible?

Posted on 2012-03-12
1
Medium Priority
?
185 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 2000 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

927 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