CSS boxes – wrong code?

• 

  knightofalltrades · Member · Feb 8, 2011 at 5:36 pm

  • Copy link
  • Add topic to favorites

  I am trying to format the body of a page with boxes. First question is: if I want two parallel boxes like newspaper columns, is it better to have an enveloping box for them or does it matter?

  Second question: I do not seem to be able to get css boxes to work right; instead I get open text showing on the page. I know I am missing something simple, but I haven’t figured it out yet despite rummaging through numerous tutorials and examples. Here is code I have:

  </div>
  <div>body {
  background-color: transparent;
  position: absolute;
  top: 220px;
  width: 460px;
  height: 600px;
  left: 10px;
  }
  <div style=”

  Why does this show as open text on the page? What am I missing to make it “work”? I am not working with an HTML sub-page, just trying to get a single CSS page to work for now.

  Thanks!

• 

  supportbot · Member · Feb 8, 2011 at 5:36 pm

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.

• 

  hallluke · Member · Feb 9, 2011 at 12:25 am

  • Copy link

  We really need a link to the blog in question to help but one quick pointer is that you are basically just including CSS in a div tag in your example above. You need to format it as “inline CSS” like so:

  <div style="width:460px; height:600px; margin:0 10px;">
  This text will be displayed.
  </div>

• 

  knightofalltrades · Member · Feb 11, 2011 at 3:27 am

  • Copy link

  cool tip. thanks!