Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2005-12-04 01:02:51
- avantis
- New Member
- From: Latvia, Riga
- Registered: 2005-12-01
- Posts: 5
trouble with CSS
I have a question – for example – if browse http://stevebaltes.com/links/ to the next section http://stevebaltes.com/impressum/ – why does all page moves a little bit right??? what can i do about that??? I guess there is something wrong with footer…, but what exactly?
Offline
Re: trouble with CSS
It’s not moving for me in FF 1.0.7 Win. What are you viewing with?
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
#3 2005-12-04 02:30:06
- NXArmada
- Member
- From: Sevierville, TN
- Registered: 2005-09-13
- Posts: 82
Re: trouble with CSS
its the scroll bar. on the Impressum screen the Scroll Bar is not there so the page is centered between the 2 edges of the browser window. The links page has a scroll bar and the content is centered between the left edge of the window and the scroll bar.
This usually happens when you use:
text-align: center
or
margin: auto;
Stuart: you have a high screen res so you wont see it. Set your Firefox browser to 1024×768 useing the Web Developer toolbar to see what hes talking about.
Last edited by NXArmada (2005-12-04 02:36:27)
Ryan
Offline
Re: trouble with CSS
That’s what I’m using. I got a scroll-bar for both pages. It was actually the first thing I thought might be the problem until I viewed the pages. Maybe it’s my text-size. I have a minimum 12px set so that I can read text that people with a wierd sense of humour set at silly sizes like 8px. ;)
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
#5 2005-12-04 11:02:34
- avantis
- New Member
- From: Latvia, Riga
- Registered: 2005-12-01
- Posts: 5
Re: trouble with CSS
so – what should i use instead of text-align: center ?? or maybe how its possible to get rid of that scroll bar effect on the rest of page? anyone?!
Offline
Re: trouble with CSS
You can’t unless you set a max-height but that doesn’t work for all browsers. If the page is taller than the screen you will get a scroll-bar. It’s natural. Not your fault.
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
#7 2005-12-04 12:04:08
- avantis
- New Member
- From: Latvia, Riga
- Registered: 2005-12-01
- Posts: 5
Re: trouble with CSS
nope… i think i have solved this mistery in some way.. :) its possible to add overflow: scroll in the body layout… :) then the scroll bar is showen by default, even if its not active… :)
Offline
#8 2005-12-04 18:47:26
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: trouble with CSS
The shift is normal as the centering is done relative to the viewport, which is slightly smaller when a scroll bar is present.
On an unrelated note, you site has a nice layour but suffers from “Whitus Assuptionitus” :) You should explicitly set a default background for your document. Based on the left logo I assume you intended a white background but you didn’t set one. However, unless the browser background is set to white your page looks a little discontinuous :)
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
Re: trouble with CSS
@NyteOwl: Damn! How could I forget this!! ;-) Thanks for reminding me.
Boris
(who built stevebaltes.com )
Offline
#10 2005-12-05 17:20:26
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: trouble with CSS
It’s not hard to overlook. I have my browser background set to an alternate colour so I don’t forget when working on a design <chuckle>. You aren’t alone either. Set your browser background to an off white colour (I use traditional grey but pretty much anything will do) and go surfing the web. You’de be surprised the number of sites that this happens on – including those of web designers :-)
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
#11 2005-12-12 21:40:50
- Neko
- Member
- Registered: 2004-03-18
- Posts: 458
Re: trouble with CSS
Zeldman looking for CSS help? That’s ridiculous.
Offline
Re: trouble with CSS
Yes, he sure looks like zeldman… ;o)
I found this Firefox proprietary tag here, that solves this problem in Firefox in a very simple way – it forces the browser to present a vertical scrollbar, even it the site content doesn’t need for one
The only problem is that it causes css not to validate! And I don’t want that.
<code>html {overflow: -moz-scrollbars-vertical;}</code>
<code>#container {margin: 0 auto; width: 500px;}</code>
Is there another way to center a div in Firefox?
And now that we are on this subject, I remember that Safari also abolishes the vertical scrollbar when it’s not needed – does it produce the same error?
Last edited by patchwork (2006-03-06 17:14:26)
Offline