RE: [WSG] Horizontal scroll bar sometimes appear in my project

[Naim Latifi]

 
Hi, 
Thanks guys. I got it. I changed the width as Suzy said and I made some more 
changes in my divs containers. So, now  there is no horrible horizontal scroll. 
Thanks in advance again!
Naim

































































 







 







 







 







**







Naim Latifi 









Student of Computer Science  







Linne University















Idet 1:201







SE-35252 Vaxjo 







 Sweden 















Email: naimlatif...@hotmail.com







  naim.lat...@gmail.com







  nlae...@student.vxu.se







  naimlat...@yahoo.com







  my.monster.com/naimlatifi  







 http:// www.linkedin.com/pub/naim-latifi/14/68a/5b2









 












Phone: +46765662003







***









































> Date: Wed, 14 Apr 2010 17:14:16 -0400
> From: ch...@cfajohnson.com
> To: wsg@webstandardsgroup.org
> Subject: RE: [WSG] Horizontal scroll bar sometimes appear in my project
> 
> On Wed, 14 Apr 2010, Naim Latifi wrote:
> 
> >  
> > Hi, 
> > 
> > I removed "width:1085px" but my container changed and the horizontal bar 
> > still is appearing.
> 
>Provide a URL so that we can see what's happening.
> 
> -- 
>Chris F.A. Johnson, <http://cfajohnson.com>
>Author:
>Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
>Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
> 
> 
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
> 
  
_
The New Busy think 9 to 5 is a cute idea. Combine multiple calendars with 
Hotmail. 
http://www.windowslive.com/campaign/thenewbusy?tile=multicalendar&ocid=PID28326::T:WLMTAGL:ON:WL:en-US:WM_HMP:042010_5

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] Horizontal scroll bar sometimes appear in my project

[Chris F.A. Johnson]

On Wed, 14 Apr 2010, Naim Latifi wrote:

>  
> Hi, 
> 
> I removed "width:1085px" but my container changed and the horizontal bar 
> still is appearing.

   Provide a URL so that we can see what's happening.

-- 
   Chris F.A. Johnson, 
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] Horizontal scroll bar sometimes appear in my project

[Naim Latifi]

 
Hi, 

I removed "width:1085px" but my container changed and the horizontal bar still 
is appearing.
Regards,Naim 
































































 







 







 







 







**







Naim Latifi 









Student of Computer Science  







Linne University















Idet 1:201







SE-35252 Vaxjo 







 Sweden 















Email: naimlatif...@hotmail.com







  naim.lat...@gmail.com







  nlae...@student.vxu.se







  naimlat...@yahoo.com







  my.monster.com/naimlatifi  







 http:// www.linkedin.com/pub/naim-latifi/14/68a/5b2









 












Phone: +46765662003







***









































> Date: Wed, 14 Apr 2010 16:57:53 -0400
> From: ch...@cfajohnson.com
> To: wsg@webstandardsgroup.org
> Subject: Re: [WSG] Horizontal scroll bar sometimes appear in my project
> 
> On Wed, 14 Apr 2010, Naim Latifi wrote:
> 
> >  
> > Hi everyone, 
> > I just realized that horizontal scroll bar is sometimes appearing in my 
> > project. When I run the project in my computer for instance there is no 
> > horizontal scroll bar but one day I run the project in my computer's friend 
> > then the horizontal scroll appeared. Any idea for that will be 
> > appreciated?Here is my code below that I am using: 
> > 
> > 
> > body {  
> >  -moz-background-clip: border;-moz-background-inline-policy: 
> > continuous;-moz-background-origin:padding; font: .8em Arial, 
> > Sans-Serif;   line-height: 1.9em; color: #444;
> > background-color:#696969;   margin:0;padding:0;
> > overflow:auto; }
> > 
> > #container{width:1085px;margin-left:auto;margin-right:auto; 
> >background-color:White;
> > }
> 
>Remove width:1085px;
> 
> -- 
>Chris F.A. Johnson, <http://cfajohnson.com>
>Author:
>Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
>Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
> 
> 
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
> 
  
_
Hotmail is redefining busy with tools for the New Busy. Get more from your 
inbox.
http://www.windowslive.com/campaign/thenewbusy?ocid=PID28326::T:WLMTAGL:ON:WL:en-US:WM_HMP:042010_2

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Horizontal scroll bar sometimes appear in my project

[Chris F.A. Johnson]

On Wed, 14 Apr 2010, Naim Latifi wrote:

>  
> Hi everyone, 
> I just realized that horizontal scroll bar is sometimes appearing in my 
> project. When I run the project in my computer for instance there is no 
> horizontal scroll bar but one day I run the project in my computer's friend 
> then the horizontal scroll appeared. Any idea for that will be 
> appreciated?Here is my code below that I am using: 
> 
> 
> body {
>  -moz-background-clip: border;-moz-background-inline-policy: 
> continuous;-moz-background-origin:padding; font: .8em Arial, 
> Sans-Serif;   line-height: 1.9em; color: #444;
> background-color:#696969;   margin:0;padding:0;overflow:auto; 
> }
> 
> #container{  width:1085px;margin-left:auto;margin-right:auto; 
>background-color:White;
> }

   Remove width:1085px;

-- 
   Chris F.A. Johnson, 
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] horizontal scroll on menu

[Joseph R. B. Taylor]

You do want to set the width on that div, that way the nested elements 
stretch to its width.


kvnmcwebn wrote:


brillant thanks,

Adding  overflow: hidden; to .navcontainer ul does exactly what
i need it to in firefox-i.e didnt respond to it.


http://www.mcmonagle.biz/otinavtest.htm


Ted:
Adding the overflow: y-scroll property takes care of ff and ie.
-thanks




Joseph:
I tried wrapping the lot in the below div but it dosnt have any effect and
the other elements are just li so i might be missing
something.

#fakewrap{
width:0px;
padding: 0px;
margin: 0px;
}

thanks a mill

-best kevin


**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**


 


**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

RE: [WSG] horizontal scroll on menu

[kvnmcwebn]

brillant thanks,

Adding  overflow: hidden; to .navcontainer ul does exactly what
i need it to in firefox-i.e didnt respond to it.


http://www.mcmonagle.biz/otinavtest.htm


Ted:
Adding the overflow: y-scroll property takes care of ff and ie.
-thanks




Joseph:
I tried wrapping the lot in the below div but it dosnt have any effect and
the other elements are just li so i might be missing
something.

#fakewrap{
width:0px;
padding: 0px;
margin: 0px;
}

thanks a mill

-best kevin


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

RE: [WSG] horizontal scroll on menu

[Ted Drake]

There is the overflow-y: scroll; property to force a scroll bar on the
vertical axis. You will still need to manage the width of your list to work
with the new scrollbar.

Ted


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of kvnmcwebn
Sent: Tuesday, November 15, 2005 9:02 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] horizontal scroll on menu

Hello,

A client has requested that a long menu be contained in
a fixed hieght situation with a vertical scroll bar.
Im doing a test with code from the list o matic site.

Heres an example.

http://www.mcmonagle.biz/otinavtest.htm

the problem is that its hard to loose the horizontal scroll bar
and get right to the edge of the list blocks. Especially in fire fox. I
would prefer to keep the styled borders so i need a fix.

my question:
Is there anyway to fool browsers into "thinking" that the
list container and/or list blocks are narrower than they are?

-best
kevin



**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] horizontal scroll on menu

[Joseph R. B. Taylor]

This appears to be a box model width issue.  You have a couple of options.

1. Use a hack to send a thinner width to firefox (adds padding to width)

2. Remove any padding/margins/borders from elements that have a 
specified width


3. My favorite (and in discussion currently on this list) is to wrap 
your padded elements with a div that states the width and 0 padding and 
margins)


Joe Taylor
http://sitesbyjoe.com

kvnmcwebn wrote:


Hello,

A client has requested that a long menu be contained in
a fixed hieght situation with a vertical scroll bar.
Im doing a test with code from the list o matic site.

Heres an example.

http://www.mcmonagle.biz/otinavtest.htm

the problem is that its hard to loose the horizontal scroll bar
and get right to the edge of the list blocks. Especially in fire fox. I
would prefer to keep the styled borders so i need a fix.

my question:
Is there anyway to fool browsers into "thinking" that the
list container and/or list blocks are narrower than they are?

-best
kevin



**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**


 


**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

Re: [WSG] horizontal scroll on menu

[The Visual Process]

You could try adding  overflow: hidden; to .navcontainer ul
which removes the horizontal scrollbar for me, not tested in IE
only firefox.
Hope thats of use.

kvnmcwebn wrote:

  Hello,

A client has requested that a long menu be contained in
a fixed hieght situation with a vertical scroll bar.
Im doing a test with code from the list o matic site.

Heres an example.

http://www.mcmonagle.biz/otinavtest.htm

the problem is that its hard to loose the horizontal scroll bar
and get right to the edge of the list blocks. Especially in fire fox. I
would prefer to keep the styled borders so i need a fix.

my question:
Is there anyway to fool browsers into "thinking" that the
list container and/or list blocks are narrower than they are?

-best
kevin



**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**




  

Re: [WSG] Horizontal Scroll

[Richard Czeiger]

Thanks Thorsten - but I was hoping I wouldn't have to use maths but instead
utilise some kind of 'width:auto;' thing or a  thing or something
inherently set by the technology. If wost comes to worse, I'll just pop in
some client-side JS to do the math - but i still think it's a bit of an icky
option

:o)

r

- Original Message -
From: "Thorsten" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Tuesday, September 07, 2004 4:55 PM
Subject: Re: [WSG] Horizontal Scroll


ji Richard,

> Umm actually thinking of a container "x" pixels long that I can hold
> images in so that they can be scrolled horizontally. This is the kind
> of effect acheived in Flash with only a little effort but in CSS?
if you use "overflow:scroll;" you'll get BOTH scrollbars, but in order
to get the desired horizontal-only scrollbar, "overflow:auto;" seems to
be the better choice to me.

> At the moment, I'm using the following code:
>
>  
>
>  src="images/gallerySml01.jpg" width="100" height="100" border="0"
> alt="" />  src="images/gallerySml02.jpg" width="100" height="100" border="0"
> alt="" />  src="images/gallerySml03.jpg" width="100" height="100" border="0"
> alt="" />  src="images/gallerySml04.jpg" width="100" height="100" border="0"
> alt="" /> etc...
>
>  
>
>
> yick! a second almost usefuless nested  tag! Also, If I want to
> populate this dynamically, then I'm going to have to work out the
> total width of all the scrolling objects each time! How can I get rid
> of this?
if you want a fixed-width container, say 692x110px (which fits into your
design/page proportions) and have the image gallery scroll inside it,
you'll NEED the div holding the pictures with a width of say 3000px all
in all. otherwise the gallery would expand the whole browser
window/frame/whatever to the right. if this is the desired effect and
you WANT the whole browser page to scroll, it should work with only one div.

i'm not the smartest programmer around, but with php for example you
should be able to simply multiply the number of pictures with their
(standardised?) width. if you don't have a standardised width, the math
should not become exceedingly complicated, only a bit more elaborate:

-> add width of picture 1 to width of picture 2 to width of picture n,
take into account padding between pictures.

again, this is more of a layman's attempt at it, others feel free to
bash me senseless with better approaches, i always like to learn!

- Thorsten

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**



**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Horizontal Scroll

[Thorsten]

ji Richard,
Umm actually thinking of a container "x" pixels long that I can hold
images in so that they can be scrolled horizontally. This is the kind
of effect acheived in Flash with only a little effort but in CSS?
if you use "overflow:scroll;" you'll get BOTH scrollbars, but in order 
to get the desired horizontal-only scrollbar, "overflow:auto;" seems to 
be the better choice to me.

At the moment, I'm using the following code:
 

alt="" /> 
alt="" /> 
alt="" /> 
alt="" /> etc...

 
yick! a second almost usefuless nested  tag! Also, If I want to 
populate this dynamically, then I'm going to have to work out the
total width of all the scrolling objects each time! How can I get rid
of this?
if you want a fixed-width container, say 692x110px (which fits into your 
design/page proportions) and have the image gallery scroll inside it, 
you'll NEED the div holding the pictures with a width of say 3000px all 
in all. otherwise the gallery would expand the whole browser 
window/frame/whatever to the right. if this is the desired effect and 
you WANT the whole browser page to scroll, it should work with only one div.

i'm not the smartest programmer around, but with php for example you
should be able to simply multiply the number of pictures with their
(standardised?) width. if you don't have a standardised width, the math 
should not become exceedingly complicated, only a bit more elaborate:

-> add width of picture 1 to width of picture 2 to width of picture n, 
take into account padding between pictures.

again, this is more of a layman's attempt at it, others feel free to 
bash me senseless with better approaches, i always like to learn!

- Thorsten
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

Re: [WSG] Horizontal Scroll

[Richard Czeiger]

Umm actually thinking of a container "x" pixels long that I can hold images
in so that they can be scrolled horizontally. This is the kind of effect
acheived in Flash with only a little effort but in CSS?

At the moment, I'm using the following code:


  





etc...

  



yick! a second almost usefuless nested  tag! Also, If I want to
populate this dynamically, then I'm going to have to work out the total
width of all the scrolling objects each time! How can I get rid of this?

:o)

R


- Original Message -
From: "Thorsten" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Monday, September 06, 2004 9:53 PM
Subject: Re: [WSG] Horizontal Scroll


Richard Czeiger wrote:

> CSS Question here: How do I get a horizontal scroll bar in a 
> but NOT a vertical scroll bar?
make sure to layout your content horizontally, so that overflowing
content will overflow to the right (for example). overflow-x and
overflow-y are CSS3 and are not well-supported at the minute, as far as
i know, so i wouldn't recommend those properties.


foofoofoofoo


hope that helps,

- Thorsten
**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**



**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

RE: [WSG] Horizontal Scroll

[Mark Harwood]

On Mon, 6 Sep 2004 15:58 , Mark | Carbon Chip <[EMAIL PROTECTED]> sent:
>Use overflow-x: scroll

Sadly overflow-x and overflow-y are only currently supported in IE at the moment

Mark 

phunky.co.uk / zinkmedia.co.uk / xhtmlandcss.co.uk



**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

RE: [WSG] Horizontal Scroll

[Patrick Lauke]

Keeping in mind that overflow-x was originally an IE only proprietary extension, which 
has since found its way into the CSS3 draft, meaning that most non-IE browsers at this 
point don't support it. Firefox, for instance, doesn't work with the example you give 
(although I hear that a recent alpha build of Mozilla 1.8 has had this feature added, 
and it will slowly find its way into the FF nightlies)

Patrick

Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk

> -Original Message-
> From: Mark | Carbon Chip [mailto:[EMAIL PROTECTED]
> Sent: 06 September 2004 15:59
> To: [EMAIL PROTECTED]
> Subject: RE: [WSG] Horizontal Scroll
> 
> 
> Use overflow-x: scroll
> 
> With inline CSS an example would be:
> 
> Latinlatinlatinlatinlatinlatin latin latin
> 
> Mark
**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

RE: [WSG] Horizontal Scroll

[Mark | Carbon Chip]

Use overflow-x: scroll

With inline CSS an example would be:

Latinlatinlatinlatinlatinlatin latin latin

Mark

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Richard Czeiger
Sent: 06 September 2004 05:39
To: [EMAIL PROTECTED]
Subject: [WSG] Horizontal Scroll


Hiya  :o)

CSS Question here:
How do I get a horizontal scroll bar in a  but NOT a vertical scroll
bar?

Cheers,
Richard

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**



**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Horizontal Scroll

[Thorsten]

Richard Czeiger wrote:
CSS Question here: How do I get a horizontal scroll bar in a 
but NOT a vertical scroll bar?
make sure to layout your content horizontally, so that overflowing
content will overflow to the right (for example). overflow-x and
overflow-y are CSS3 and are not well-supported at the minute, as far as
i know, so i wouldn't recommend those properties.

foofoofoofoo

hope that helps,
- Thorsten
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**