HighDots Forums  

Why does this page contents shift off center

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Why does this page contents shift off center in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
onefiftymph
 
Posts: n/a

Default Why does this page contents shift off center - 02-13-2009 , 06:06 PM






Made all the pages at http://aaronthomasinc.com/test/ from the same original,
all centered in window. But this page
http://aaronthomasinc.com/test/_team.html shifts to the left. I looked
everywhere for an extra space but cant figure why
tia!



Reply With Quote
  #2  
Old   
Nancy O
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-13-2009 , 06:15 PM






Not seeing a problem. All pages look the same in FF3 and IE6 on Win XP.


--
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com




Reply With Quote
  #3  
Old   
djinn
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-13-2009 , 06:23 PM



onefiftymph wrote:
Quote:
Made all the pages at http://aaronthomasinc.com/test/ from the same original,
all centered in window. But this page
http://aaronthomasinc.com/test/_team.html shifts to the left. I looked
everywhere for an extra space but cant figure why
tia!



Add this to your css stylesheet...

html, body { min-height:101%; margin-bottom:1px; }

HTH

--
chin chin
Sinclair


Reply With Quote
  #4  
Old   
onefiftymph
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-13-2009 , 07:29 PM



thanks for input.

Pages look good in Safari 3.1.2 (all have scroll bars)
In Firefox 3.0.6, no scrollbars except that team page, because it's longer

I use mac OS10.5.6

Don't know how to add scrollbars... except in Open browser window behavior...?
Both these browsers are at default settings...

[Q]Add this to your css stylesheet... html, body { min-height:101%;
margin-bottom:1px; }[/Q]

i put that in the stylesheet and uploaded it...no change. would would that do?

All my pages have scroll bars in and


Reply With Quote
  #5  
Old   
djinn
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-13-2009 , 07:42 PM



onefiftymph wrote:
Quote:
thanks for input.

Pages look good in Safari 3.1.2 (all have scroll bars)
In Firefox 3.0.6, no scrollbars except that team page, because it's longer

I use mac OS10.5.6

Don't know how to add scrollbars... except in Open browser window behavior...?
Both these browsers are at default settings...

[Q]Add this to your css stylesheet... html, body { min-height:101%;
margin-bottom:1px; }[/Q]

i put that in the stylesheet and uploaded it...no change. would would that do?

All my pages have scroll bars in and

Check your stylesheet you have...

..html, body { min-height:101%; margin-bottom:1px; }

There should be no '.' at the start - should be...

html, body { min-height:101%; margin-bottom:1px; }

This will force a vertical scrollbar in all FF browser viewport sizes no
matter the length of your content - thus avoiding the 'shift' when
browsing between pages of differing content lengths.

HTH

--
chin chin
Sinclair


Reply With Quote
  #6  
Old   
TC2112
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-13-2009 , 09:11 PM



You could add this to your CSS as another option:

:root { overflow-y:scroll; }

Take care,
Tim

"djinn" <scobies (AT) dsl (DOT) pipexYerKitAff.com> wrote

Quote:
onefiftymph wrote:
thanks for input. Pages look good in Safari 3.1.2 (all have scroll bars)
In Firefox 3.0.6, no scrollbars except that team page, because it's
longer

I use mac OS10.5.6

Don't know how to add scrollbars... except in Open browser window
behavior...? Both these browsers are at default settings...

[Q]Add this to your css stylesheet... html, body { min-height:101%;
margin-bottom:1px; }[/Q]

i put that in the stylesheet and uploaded it...no change. would would
that do?

All my pages have scroll bars in and

Check your stylesheet you have...

.html, body { min-height:101%; margin-bottom:1px; }

There should be no '.' at the start - should be...

html, body { min-height:101%; margin-bottom:1px; }

This will force a vertical scrollbar in all FF browser viewport sizes no
matter the length of your content - thus avoiding the 'shift' when
browsing between pages of differing content lengths.

HTH

--
chin chin
Sinclair



Reply With Quote
  #7  
Old   
Murray *ACE*
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-14-2009 , 07:42 AM



That's the best option, Sinclair. It works great!

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"TC2112" <nospam (AT) nospam (DOT) com> wrote

Quote:
You could add this to your CSS as another option:

:root { overflow-y:scroll; }

Take care,
Tim

"djinn" <scobies (AT) dsl (DOT) pipexYerKitAff.com> wrote in message
news:gn542i$hch$1 (AT) forums (DOT) macromedia.com...
onefiftymph wrote:
thanks for input. Pages look good in Safari 3.1.2 (all have scroll
bars)
In Firefox 3.0.6, no scrollbars except that team page, because it's
longer

I use mac OS10.5.6

Don't know how to add scrollbars... except in Open browser window
behavior...? Both these browsers are at default settings...

[Q]Add this to your css stylesheet... html, body { min-height:101%;
margin-bottom:1px; }[/Q]

i put that in the stylesheet and uploaded it...no change. would would
that do?

All my pages have scroll bars in and

Check your stylesheet you have...

.html, body { min-height:101%; margin-bottom:1px; }

There should be no '.' at the start - should be...

html, body { min-height:101%; margin-bottom:1px; }

This will force a vertical scrollbar in all FF browser viewport sizes no
matter the length of your content - thus avoiding the 'shift' when
browsing between pages of differing content lengths.

HTH

--
chin chin
Sinclair




Reply With Quote
  #8  
Old   
djinn
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-14-2009 , 09:23 AM



Murray *ACE* wrote:
Quote:
That's the best option, Sinclair. It works great!

I think our OP has a touch classitis - have you had a look at his
stylesheet??

--
chin chin
Sinclair


Reply With Quote
  #9  
Old   
Murray *ACE*
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-14-2009 , 09:24 AM



I'm afraid to....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"djinn" <scobies (AT) dsl (DOT) pipexYerKitAff.com> wrote

Quote:
Murray *ACE* wrote:
That's the best option, Sinclair. It works great!


I think our OP has a touch classitis - have you had a look at his
stylesheet??

--
chin chin
Sinclair


Reply With Quote
  #10  
Old   
onefiftymph
 
Posts: n/a

Default Re: Why does this page contents shift off center - 02-16-2009 , 01:07 PM



Thanks for helping me Sinclair - thats perfect!

Murray must be referring to my "only-learn-what-I-need-to-get-the-look-I-want"
(lack of) page-making skills, (vs. the correct way). Yeah, I still haven't
taken the time to get my head around CSS - I'm embarrassed for myself. After
13+ years of off and on site design, (mostly off), I'm still a beginner.... =0)




[q]Originally posted by: Newsgroup User
I'm afraid to....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"djinn" <scobies (AT) dsl (DOT) pipexYerKitAff.com> wrote

Quote:
Murray *ACE* wrote:
That's the best option, Sinclair. It works great!


I think our OP has a touch classitis - have you had a look at his
stylesheet??

--
chin chin
Sinclair
[/q]





Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.