CODEWITHSUNDEEP
javascripthtml
Prasanth
Prasanth

Reputation: 507

How to break the html page in different section?

i am using two div tags in page (i.e) one on left and another on right like book. now i am load html page in left side, if it exceed then it goto right side of the div tag. give me an idea to implement this.

Thank you for looking

Upvotes: 0

Views: 205

Answers (2)

dipak
dipak

Reputation: 2033

Yes, CSS3, You can use Multi column layout with Height specified in css class.

            <html>
            <head>Test </head>

            <style>
            .tt{
                 -moz-column-count: 2;
                 -moz-column-gap: 1em; 
                 -moz-column-rule: 1px solid black; 
                 -webkit-column-count: 2;
                 -webkit-column-gap: 1em;
                 -webkit-column-rule: 1px solid black;
                 height:200px;
            }

            </style>
            <body>
            <div class="tt">
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.     
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived.     
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.     
            </div>
            </body>
            </html>

I'm not Microsoft fan. so no promise for IE.

Upvotes: 3

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201866

This sounds like you want a two-column presentation where the text continues from the bottom of the first column to the start of the second column. Although Netscape had a proprietary tag for such purposes, it wasn’t used much, and it died with Netscape. The issue is regarded as styling and part of CSS3 Multicolumn Layout module. The main problem with it is lack of support in any version of IE. For an introductory article, check out Columns at QuirksMode.org.

Upvotes: 1

Related Questions