# Default CSS Layout quirk **URL:** \ **Category:** Radiant CMS\ **Created:** [September 19, 2006, 11:51pm UTC](https://www.ruby-forum.com/t/default-css-layout-quirk/69284 "2006-09-19T23:51:07Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![bryan](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/db5fbb/32.png) [@bryan](https://www.ruby-forum.com/u/bryan)\ **Post date:** [September 19, 2006, 11:51pm UTC](https://www.ruby-forum.com/t/default-css-layout-quirk/69284/1 "2006-09-19T23:51:07Z")
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/Home_Page.pdf) [http://boulderanalytics.com/Sixth\_Post.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 ---
**Author:** ![bryan](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/db5fbb/32.png) [@bryan](https://www.ruby-forum.com/u/bryan)\ **Post date:** [September 20, 2006, 5:37am UTC](https://www.ruby-forum.com/t/default-css-layout-quirk/69284/2 "2006-09-20T05:37:37Z")
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. ---
**Author:** ![bryan](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/db5fbb/32.png) [@bryan](https://www.ruby-forum.com/u/bryan)\ **Post date:** [September 20, 2006, 5:55am UTC](https://www.ruby-forum.com/t/default-css-layout-quirk/69284/3 "2006-09-20T05:55:45Z")
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](http://wiseheartdesign.com) ---
**Author:** ![bryan](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/db5fbb/32.png) [@bryan](https://www.ruby-forum.com/u/bryan)\ **Post date:** [September 20, 2006, 6:26am UTC](https://www.ruby-forum.com/t/default-css-layout-quirk/69284/4 "2006-09-20T06:26:23Z")
> 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. > **[Community Trademarks - Alter](https://alter.com/trademarks/keywords/community)** I’ll try and email one of the css gurus. Thanks, Bryan ---
**Author:** ![bryan](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/db5fbb/32.png) [@bryan](https://www.ruby-forum.com/u/bryan)\ **Post date:** [September 20, 2006, 10:06am UTC](https://www.ruby-forum.com/t/default-css-layout-quirk/69284/5 "2006-09-20T10:06:08Z")
On 9/20/06, Bryan [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) 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