Positioning Content First in the HTML Flow

Forum Moderators: not2easy

Message Too Old, No Replies

Positioning Content First in the HTML Flow

1st sentence/1st paragraph: Can this be accomplished?

Web Footed Newbie

3:24 pm on Jun 13, 2003 (gmt 0)

I'm fresh from reading digitalhost's copywriting article
[webmasterworld.com ] and have a question as it relates to CSS.

I have a 3-column CSS layout with a header. The header is only my logo. Digitalhost recommends the H1 and the 1st sentence of the first paragraph contain keywords used in the title.

Here's the problem: My real first sentence is in the center content div. But with a 3-column layout, the HTML shows the leftnav div column as the first sentence.

So can you put the center content div before the leftnav div in the HTML to accomplish the digitalhosts' first sentence/first paragraph recommendation?

Thanks in advance, WFN :)

drbrain

6:19 pm on Jun 13, 2003 (gmt 0)

Arg! I can't find the original post to properly credit the person who posted it.

CSS:
body { height: 100%; }
.center { width: 400px; float: right; height: 100%; }
.leftcol { width: 580px; float: left; height: 100%; }
.rightcol { width: 180px; float: right; height: 100%; }
.head { position: absolute; top: 0; width: 760px; height: 70px; }

HTML:
<body>
<div style="width: 760px;margin-top:70px;height: 100%">
<div class="leftcol">
<div class="center"> /* Main Content */ </div>
/* Left Column Content*/
</div>
<div class="rightcol"> /* Right Column Content*/ </div>
</div>
<div style="clear: both"></div>
<div class="head">
/* Header tag - positioned absolute to the top of this page */
</div>
<div>
/* Footer tag */
</div>
</body>

Web Footed Newbie

2:27 pm on Jun 14, 2003 (gmt 0)

Thanks drbrain for that, it solves my problem.

In my original CSS, I used markup to be able to automatically change the header and center content width as you change the browser view window width (using the glish technique). Now I have some adjusting to do, but better now than later!

Thank you very much! WFN :)