Basic CSS Content Placement Question

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

Say you have a simple layout as follows (all DIVs):

Content   Column

What is the best way to align and position the content WITHIN the
"Column" div?  In the past I would have used nested tables but I'm not
sure of how "the pros" out there do it.

I saw some suggestions about creating a child element (e.g. <p>) and
then using absolute positioning with a parent (h1) element that is set
for relative positioning.

Any advice is greatly appreciated.  There must be a better way than


Re: Basic CSS Content Placement Question

Rangy wote:
Quoted text here. Click to load it

I don't have my crystal ball with me today, but I'll bet that Column
is for navigation, isn't it?  How about
<ul id="nav">
<li><a href="somewhere.html"></li>
<li><a href="thispage.html" id="thispage"></li>

Depending on how you are generating the page (by hand static) or
server side, you can use the id="thispage" to make that link different
from the others so people will know that they are on that page.

 Adrienne Boswell at work
 Administrator /
 Please respond to the group so others can share

Re: Basic CSS Content Placement Question

Rangy wrote:
Quoted text here. Click to load it

Unless you know what you are doing, you should avoid absolute
positioning. The inexperienced often end up with broken design.

What to do instead is dependent on the particular content and what you
are really trying to achieve. There is no one best way.

BTW, nesting <p> inside <h1> is invalid. And relative positioning
probably isn't what you think it is. Read the specs at


Site Timeline