css troubles

v-six · 11-06-2005, 05:18 PM

Hi all, having a silly little glitch in Firefox (and probably other browsers).
The horizontal scrollbars are showing up at the bottom of this page: www.newpaltzadjuncts.org
and my browser is pretending the page doesn't fit in the browser.
Any thoughts?
-Six
P.S. I couldn't figure out the best way to explain this, if you want me to better explain it I'll try.

**Grove** · 11-06-2005, 08:39 PM

Hey Six,

I am using 1024x768 IE browser here at the moment. Works Great, no top scrollbars. I'll check when I'm at home in my FireFox browser with resolution 1024x768.

v-six · 11-06-2005, 11:22 PM

thanks Grove, it's not a priority

**Grove** · 11-06-2005, 11:38 PM

Hmmmmm ..... odd. Same thing happens here. I just checked in my FireFox browser and I end up with the scrollbars at the bottom.

Let me work on this a bit later for you, am tired at the moment.

E-Liam · 11-08-2005, 12:31 PM

Hi Six,

Try changing the border code to the following in your css for the header div..

Code:

#header {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 70px;
	width: 100%;
	top: 0px;
	background-color: #FBB661;
	border: 1px 0px 1px 0px solid #000033;
}

It looks like the old favourite problem with IE vs Firefox, where in FF the border is added to the width/height, whereas in IE it is integral to the figure for the particular dimension that you choose to use.

I'm sort of running out the door, so let me know how you get on.. I'll be back later. Or Grove will be in shortly no doubt.

Cheers

Liam

v-six · 11-08-2005, 10:27 PM

Liam, you rock my world

You were right, it was the left and right border of the header.
Here's my final code for the css:
#header {
text-align: center;
margin-right: auto;
margin-left: auto;
position: relative;
height: 70px;
width: 100%;
top: 0px;
background-color: #FBB661;
border-top: 1px solid #000033;
border-right: 0px;
border-bottom: 1px solid #000033;
border-left: 0px;
}

**Grove** · 11-09-2005, 12:09 AM

Guess you beat me E-Liam.

E-Liam · 11-09-2005, 06:08 AM

You're welcome Six.. :)

Grove.. just managed to sneak in while you were getting some shuteye. Time difference across the pond, an' all that.. :)

11-06-2005, 05:18 PM	#1 (permalink)
v-six Manager Emeritus Join Date: Sep 2004 Location: High Falls, NY Posts: 2,073 OS: OS X for mac, XP Pro for PC	css troubles Hi all, having a silly little glitch in Firefox (and probably other browsers). The horizontal scrollbars are showing up at the bottom of this page: www.newpaltzadjuncts.org and my browser is pretending the page doesn't fit in the browser. Any thoughts? -Six P.S. I couldn't figure out the best way to explain this, if you want me to better explain it I'll try. __________________ mysql> --i-am-a-dummy

11-06-2005, 08:39 PM	#2 (permalink)
Grove Professor/Moderator, TSF Design School Join Date: Jun 2005 Location: Australia Posts: 2,382 OS: Windows XP SP2	Hey Six, I am using 1024x768 IE browser here at the moment. Works Great, no top scrollbars. I'll check when I'm at home in my FireFox browser with resolution 1024x768. __________________ ========================================== Get Help: TSF Security Forum \| HijackThis \| MB's 5 Step Process Get Clean: AdAware SE \| Spybot S&D \| CWShredder \| Ewido \| CleanUp! Get Protected: SpywareBlaster \| SpywareGuard \| Windows Updates \| IE-SpyAd If TSF has helped you, please consider making a donation to help keep the board running.

11-06-2005, 11:22 PM	#3 (permalink)
v-six Manager Emeritus Join Date: Sep 2004 Location: High Falls, NY Posts: 2,073 OS: OS X for mac, XP Pro for PC	thanks Grove, it's not a priority __________________ mysql> --i-am-a-dummy

11-06-2005, 11:38 PM	#4 (permalink)
Grove Professor/Moderator, TSF Design School Join Date: Jun 2005 Location: Australia Posts: 2,382 OS: Windows XP SP2	Hmmmmm ..... odd. Same thing happens here. I just checked in my FireFox browser and I end up with the scrollbars at the bottom. Let me work on this a bit later for you, am tired at the moment. __________________ ========================================== Get Help: TSF Security Forum \| HijackThis \| MB's 5 Step Process Get Clean: AdAware SE \| Spybot S&D \| CWShredder \| Ewido \| CleanUp! Get Protected: SpywareBlaster \| SpywareGuard \| Windows Updates \| IE-SpyAd If TSF has helped you, please consider making a donation to help keep the board running.

11-08-2005, 12:31 PM	#5 (permalink)
E-Liam Manager, On the Web Join Date: Jan 2004 Location: Bracknell, UK Posts: 929 OS: XP	Hi Six, Try changing the border code to the following in your css for the header div.. Code: #header { text-align: center; margin-right: auto; margin-left: auto; position: relative; height: 70px; width: 100%; top: 0px; background-color: #FBB661; border: 1px 0px 1px 0px solid #000033; } It looks like the old favourite problem with IE vs Firefox, where in FF the border is added to the width/height, whereas in IE it is integral to the figure for the particular dimension that you choose to use. I'm sort of running out the door, so let me know how you get on.. I'll be back later. Or Grove will be in shortly no doubt. Cheers Liam __________________ My Mother suggested a family outing... so I told her Uncle Bob was gay. (Trevor D.) Never argue with an idiot! They'll bring you down to their level and beat you with experience. --------------------------------------------------------------------------------- A member of the Alliance of Security Analysis Professionals since 2004. Last edited by E-Liam : 11-08-2005 at 12:33 PM.

11-08-2005, 10:27 PM	#6 (permalink)
v-six Manager Emeritus Join Date: Sep 2004 Location: High Falls, NY Posts: 2,073 OS: OS X for mac, XP Pro for PC	Liam, you rock my world You were right, it was the left and right border of the header. Here's my final code for the css: #header { text-align: center; margin-right: auto; margin-left: auto; position: relative; height: 70px; width: 100%; top: 0px; background-color: #FBB661; border-top: 1px solid #000033; border-right: 0px; border-bottom: 1px solid #000033; border-left: 0px; } __________________ mysql> --i-am-a-dummy

11-09-2005, 12:09 AM	#7 (permalink)
Grove Professor/Moderator, TSF Design School Join Date: Jun 2005 Location: Australia Posts: 2,382 OS: Windows XP SP2	Guess you beat me E-Liam. __________________ ========================================== Get Help: TSF Security Forum \| HijackThis \| MB's 5 Step Process Get Clean: AdAware SE \| Spybot S&D \| CWShredder \| Ewido \| CleanUp! Get Protected: SpywareBlaster \| SpywareGuard \| Windows Updates \| IE-SpyAd If TSF has helped you, please consider making a donation to help keep the board running.

11-09-2005, 06:08 AM	#8 (permalink)
E-Liam Manager, On the Web Join Date: Jan 2004 Location: Bracknell, UK Posts: 929 OS: XP	You're welcome Six.. :) Grove.. just managed to sneak in while you were getting some shuteye. Time difference across the pond, an' all that.. :) __________________ My Mother suggested a family outing... so I told her Uncle Bob was gay. (Trevor D.) Never argue with an idiot! They'll bring you down to their level and beat you with experience. --------------------------------------------------------------------------------- A member of the Alliance of Security Analysis Professionals since 2004.