Re: [css-d] Vertical Scrollbar in IE ... Causes horizontal scroll bar
Hi Francky,
Thanks for your help. Unfortunately, I'm blocked from seeing your website and
have no public server myself to post to. However, knowing that this is not
common and probably not a browser problem is a big help. Now I can assume that
there is something in my code that is causing the problem. I'll take your
advice and look for padding issues.
Thanks again,
Mike
-Original Message-
From: francky [mailto:[EMAIL PROTECTED]
Sent: Friday, March 09, 2007 3:22 PM
To: Beauchamp Michael J CONT NPRI
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Vertical Scrollbar in IE ... Causes horizontal scrollbar
Beauchamp Michael J CONT NPRI wrote:
Hi,
This is probably a FAQ but I can't find the answer...
I have a problem in IE. I have body overflow set to auto. The width of the
document is all percentage and never scrolls horizontally. However, there is
usually a vertical scroll. The problem is that in IE, when the vertical
scrollbar appears, the width of the page stays the same (in terms on actual
screen width in pixels), creating a need for horizontal scrolling. It's as
if IE doesn't notice that the scrollbars are using up some of the horizontal
space so it never resizes to compensate.
Can anyone tell me how to solve this? At the moment I have overflow-y:scroll
set so the scrollbar is just always there. I guess it works... sort of.
[unfortunately, I can't post or link to the code.]
Thanks in advance for any help or pointers to help.
Hi Michael,
Strange ... normally IE is *always* making space for the vertical scrollbar (up
to IE6 under WinXP; in IE6 a transparent vertical scrollbar, if not needed).
Is it IE7 and/or Vista which is giving your results?
I made 2 testpages, a short and a long one, both with body { width:
100%; overflow: auto; }, and no horizontal scrollbar is appearing in IE.
* Short page
http://home.tiscali.nl/developerscorner/css-discuss/test-IEoverflow-scrollbars-short.htm
* Long page
http://home.tiscali.nl/developerscorner/css-discuss/test-IEoverflow-scrollbars-long.htm
Is the long page showing the hor. scrollbar at your side? [1] If not, maybe
there is in the css of the content of the longer page something like an element
with a width in % and a padding-left and/or padding-right as well?
Could be also some IE expanding bug - hard to say without code...
Maybe you can isolate the problem in a minimal error page [2] [3], replace
the remaining content with Lorem's and 1-color images, and send us a link to
that?
Greetings,
francky
[1] Not yet results of Browsershots at this moment
http://browsershots.org/website/http://home.tiscali.nl/developerscorner/css-discuss/test-IEoverflow-scrollbars-long.htm#success
[2] The D-Zero Method
http://home.tiscali.nl/developerscorner/golden-rules-of-css.htm#r13
[3] PIE: Mystery Bug
http://www.positioniseverything.net/articles/mys-bug.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertical Scrollbar in IE ... Causes horizontal scrollbar
Hi, This is probably a FAQ but I can't find the answer... I have a problem in IE. I have body overflow set to auto. The width of the document is all percentage and never scrolls horizontally. However, there is usually a vertical scroll. The problem is that in IE, when the vertical scrollbar appears, the width of the page stays the same (in terms on actual screen width in pixels), creating a need for horizontal scrolling. It's as if IE doesn't notice that the scrollbars are using up some of the horizontal space so it never resizes to compensate. Can anyone tell me how to solve this? At the moment I have overflow-y:scroll set so the scrollbar is just always there. I guess it works... sort of. [unfortunately, I can't post or link to the code.] Thanks in advance for any help or pointers to help. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Tabs inside of containers
This solved my problem. I can't thank you enough!
-Original Message-
From: Flii [mailto:[EMAIL PROTECTED]
Sent: Wednesday, October 26, 2005 9:32 AM
To: [EMAIL PROTECTED]
Subject: RE: [css-d] Tabs inside of containers
Perhaps the easy clearing will work for you? I use it all the time and
can't imagine life before this list showed it to me. :)
/* either the UL or the containing div, depending on where your
background is. It sounds like you want the UL */
.classname:after {
clear: both;
content: .;
display: block;
height: 0;
visibility: hidden;
}
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Beauchamp
Michael J CONT NPRI BeauchampMJ-at-Npt.NUWC.Navy.Mil |d lists|
Sent: Wednesday, October 26, 2005 6:56 AM
To: CJ Larson
Subject: [css-d] Tabs inside of containers
Hi,
I am trying to build a horizontal list menu (using an unordered list)
and I want to place it inside of a container along with other things
such as a header and a search form. Also, I'd like to make it flexible
so that if a user increases the font size, the navigation tabs enlarge
with the font. I've tried to do this from scratch and from a ton of
other menus I've found in the Wiki, but I can't seem to get the
horizontal list to display:block, float:left and stay inside of the
container.
If anyone can point me to an example of something like that I'd
appreciate it.
Thanks,
Mike
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Tabs inside of containers
Thanks for your response. The problem I'm having is not the look of the links. I wanted to have a header section of the page that contained all of the things in that section. I finally gave up on that and used this html: div id=header div id=newnav ul lia href=#Link 1/a/li lia href=#Link 2/a/li lia href=#Link 3/a/li lia href=#Link 4/a/li lia href=#Link 5/a/li li class=searchFormSearch: input type=text size=20 / input type=image src=images/button-go.gif name=go //li /ul /div /div div id=topClassUNCLASSIFIED/div div id=decorate1/div I applied a background image to #header and another one to #decorate1 and used absolute positioning for #topClass to achieve the look I wanted. Everything flexes and it works fine. I'm just disappointed that I couldn't put everything in a container. Maybe that's not important. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
