How to place something in a page wrap

@jedaisoulAug 28.2016 — #Hi and welcome to the site. I'm somewhat confused... What is a "page wrap"? Anyway, to answer your specific queries:

- How to color outside the "page wrap", set the background of BODY. E.g.

<i>
 </i>body {
 width: 100%;
 background: blue;
 }

- There are a number of ways to place something to the right of the "page wrap", depending on how you want it to respond to different window widths. e.g.

[code=html]
 <html>
 <head>
 <style>
 html  {
 background: grey;
 }
 body {
 width:100%;
 max-width: 960px;
 height:100%;
 margin: 0 auto;
 background: blue;
 }
 #page-wrap {
 text-align: left;
 height: 100%;
 width: 60%;
 margin: 0 0 0 20%;
 float: left;
 background: white;
 }
 #right-box {
 text-align: left;
 height: 100%;
 width: 20%;
 margin: 0;
 float: right;
 background: cyan;
 }
 </style>
 </head>
 <body>
 <div id="page-wrap">
 <p>Page wrap content goes here</p>
 </div>
 <div id="right-box">
 <p>Right box content goes here</p>
 </div>
 </body>
 </html>
 [/code]

How to place something in a page wrap

1 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

How to place something in a page wrap

1 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #HTML _↴