i think my syntax is has a small error - please look :)

[ktown]

My html

<div id="main">
<span class="contnt"> 
 
lalala - a bunch of stuff.. no more css tags nested in here
   
</span>
</div>

My CSS

#main {
  position:absolute; 
  left:160px; 
  top:110px; 
  z-index:1; 
  width: 545px;
  border-right-width: thin;
  }
 
.contnt p, div, th, td, li, dd  {
   /* more specific to override rule in improrting sheet */
  font-size: x-small;
   /* false value for WinIE4/5 */
  voice-family: "\"}\""; 
  voice-family: inherit;
   /*recover from trick */
  font-size: small;
   /*intended value for better browsers*/
  }

when i add the border-right-width: thin; property for whatever reason my code pages lost he left:160px; and then the border thing doesn't work either...

its probably a simple answer - please help

thanks

[velocd]

left and top, are those padding values, or margin values? Specify which.

Either:

padding-left: 160px;

Or:

margin-left: 160px;

[ktown]

thanks

[Tygger2512]

In order to have a border display you need to specify a style and a color, in addition to the width. Change your code to:

#main {
  position:absolute; 
  left:160px; 
  top:110px; 
  z-index:1; 
  width: 545px;
  border-right: thin solid #000;
  }

if you want a thin black border on the right hand side.

Also, instead of using <span>, I would define your contnt class as another <div>, i.e. <div class="contnt">lalala</div>

Andy.

[Paul O'B]

Hi,

when i add the border-right-width: thin; property for whatever reason my code pages lost he left:160px; and then the border thing doesn't work either

Sorry but I didn't quite understand the first bit ! But the border won't show until you give it a style and a colour:
e.g.

border-right-width: thin;
border-right-style: solid;
border-right-color: #000000;

or the shorthand version:

border-right: 2px solid #000;

(Left and top are the correct properties for absolutely placed elements. I'm not quite sure what Solace D meant. (Perhaps it's just me being slow today [img]images/smilies/wink.gif[/img] )

Also:

<div id="main">
<span class="contnt"> lalala - a bunch of stuff.. no more css tags nested in here </span>
</div>

Note that you will only be allowed to put inline content in that span (no <p> tags or block level elements etc).

Paul