Default CSS Layout quirk

Ruby Apps Radiant CMS
1

The Radiant CMS behaves a little strange when rendering pages longer
than ~700px.

I am not sure if it is the CSS stylesheet or Radiant itself.

When the page length exceeds that length, the main page center “shifts”
to the left by 7px. I had noticed this on my own site(based on the
default css) and was able to recreate it on the official Radiant demo.

I have posted the screenshots(.pdf) here:
http://boulderanalytics.com/Home_Page.pdf
http://boulderanalytics.com/Sixth_Post.pdf

The left position is 145 for the home page and 152 for the shorter
post(7px difference).

Any suggestions would be appreciated.

Thanks,

Bryan

2

Bryan wrote:

The Radiant CMS behaves a little strange when rendering pages longer
than ~700px.

I was able to isolate “shift”. It occurs when the vertical scroll bar
appears. It appears to be an issue with Firefox/Safari usually called
“page shift”.

I will post a fix if I find it and/or anyone is interested.

Thanks,

B.

3

Bryan wrote:

Bryan wrote:

The Radiant CMS behaves a little strange when rendering pages longer
than ~700px.

I was able to isolate “shift”. It occurs when the vertical scroll bar
appears. It appears to be an issue with Firefox/Safari usually called
“page shift”.

I will post a fix if I find it and/or anyone is interested.

There isn’t a fix for this is there? I’m interested in a solution if you
come up with one.

–
John L.
http://wiseheartdesign.com

4

There isn’t a fix for this is there? I’m interested in a solution if
you
come up with one.

The vertical scroll bar is 13 pixels. It makes sense that the page
shifts 7px to left(16/2).

I found an article that suggests fixing the problem by forcing the vert.
scroll bar in the css style sheet. It does the trick, but I am not
really satisfied with it.

I’ll try and email one of the css gurus.

Thanks,

Bryan

5

On 9/20/06, Bryan [email protected] wrote:

I found an article that suggests fixing the problem by forcing the vert.
scroll bar in the css style sheet. It does the trick, but I am not
really satisfied with it.

That is what the CSS gurus do with centered layouts - they force the
scrollbar.
No need for seeking complicated solutions