ansaurus

Question

Answer 1

A:

You will need to adjust the properties to match your desired result, but this should place a border around your page.

#main {
  border: 1px solid red;
}

Jason McCreary 2010-07-04 14:52:54

What happens if `#main` is smaller than the document height?

Pekka 2010-07-04 14:56:39

Hey, i tried that and it doesn't seem to work. I can see red on my textblock a litte and up the top of the image. Very stange. ANy more ideas?

2010-07-04 14:59:28

By the user's HTML, it wraps the whole page content. So without seeing the other styles, my *assumption* is that would not be the case. However, you could use `body` instead of `#main` if that were the case.

Jason McCreary 2010-07-04 15:00:03

It worked but half of the page has a border not all. The half bottom. What shall i do?

2010-07-04 15:02:52

Did you see that your section `#main` element is not a `div`. I assume this is a typo. If you correct this and validate the rest of the page, things appear better.

Jason McCreary 2010-07-04 15:04:47

Yes i noticed that. I have changed it. If put a </div> at the bottom of the page not no luck

2010-07-04 15:19:29

You have several issues with your HTML and CSS. Without knowing the exact goal, it's tough to put you in the right direction. **Sam** has provided a good start.

Jason McCreary 2010-07-04 15:38:23

I managed to get a border but the bottom bit is missing so i have a top,right, left border no bottom. If you guys know how to work out why let me know. You have been a great help all.

2010-07-04 16:00:14

Oh my god!!!!!! i did it. Thanks

2010-07-04 16:09:01

Answer 2

+3 A:

I don't think <main> is a valid tag. Also, make sure to close your tags.

Replace this:

</body>
</html>

With this:

</div>
</div>
</body>
</html>

And replace this:

<main id="main">

With this:

<div id="main">

Lastly, replace this:

#main    {
     background-color: #FFFFFF;
     width: 280px;
     margin: 50px auto;
     border: 0px solid;

     }

Wtih this:

#main    {
     background-color: #FFFFFF;
     width: 280px;
     margin: 50px auto;
     border: 1px solid red; /* width, style, colour */
     }

And change the border property accordingly.

If you want a border around the entire page, put that border property within body{} in your CSS.

Sam Nabi 2010-07-04 15:00:47

Answer 3

+1 A:

body {
border: 5px solid red;
}

rafaelcidade 2010-07-05 02:17:15

Answer 4

A:

I think, if width of your main container 280px and you want a put of your page a border (not to your all container div); your body class should be like this/

body {
  border: 5px solid red;
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
}

spielersun 2010-07-05 10:40:26

ansaurus

tags:

views:

answers:

How can i put a border around the page

related questions