[Wordpress] Adding a Border Around the Main Area

**jmixmaster29** · 02-28-2011 12:07 AM

I am trying to add a CSS border around my site (which is using Wordpress) to create a break-way between the main website block and the background color. I am still quite new to HTML/CSS but I do know how to read it and what most of it does. I wrote this style for the border:

Code:

#border{
	border: 1px solid #000;
	position: absolute;
}

I then created a div and wrapped it around "<?php get_header(); ?>" and "<?php get_footer(); ?>" because I want to use the same border to surround the header and footer and everything in between. If you go here: http://gotdocs.co.cc/2011/02/26/hello-world/ you will see what happened. Any idea of what could be wrong?

**misson** · 02-28-2011 01:25 AM

#border has a border, there's just no space outside of it; the border is against the window. If you give #border a margin, you'll see the border.

Header templates generally include antecedents, such as the DOCTYPE declaration, <head> elements and <html> open tag. By placing your #border div before get_header, you're creating an invalid HTML file. Browsers are free to interpret this how they will, including placing all the elements that should go in <head> in the <body> instead, or ignore the elements entirely. A simpler solution would be to place your open and close tags in the header and footer templates (header.php and footer.php, respectively), if no suitable element already exists there. You could also target <body> with your styling.

Thread: [Wordpress] Adding a Border Around the Main Area

LinkBack

Thread Tools

Display

[Wordpress] Adding a Border Around the Main Area

Re: [Wordpress] Adding a Border Around the Main Area

Similar Threads

cant access wordpress admin area

Adding another sidebar on wordpress

Can't change main domain in members area.

Can`t login to my Wordpress Blog admin area

Adding Ads in Wordpress

Posting Permissions