Thank you, Dave. I tried getting rid of the 100% width #subbox however that seems to stop the yellow area under the header short of the right hand limit of my screen. It looks truncated. Is there any method where I can make that yellow box go across the screen but not make it cause a scrollbar in the bottom of a screen? I need something which will give it a complete look regardless of the viewer's resolution.
Here is the website with the #subbox width=100% removed: http://www.possets.com/xindex.html Here is the CSS I used without the 100% subbox: http://www.possets.com/scent/xscent.css Thanks for helping me with this, Fabienne Previous discussion: > > I have a website at http://www.possets.com (the stylesheet is located > > here: http://possets.com/scent/scent.css) and asked some friends to > > check it and make sure it worked on their browsers. One person came back > > and said: > > > > "It looks like the "subbox" element on your pages is too wide (the one > > that has the "Possets" definition in it) because it makes me scroll > > sideways. > > > > I'm using Firefox 1.5.0.6, windows, and my resolution is 1280x1024... > > hope that helps." > > > > I think that my mistake is making #subbox width 100%, but I could be > > wrong about that. > > > Deleting the 100% width on #subox did get rid of the h-scroll bar (live :: xp :Firefox/1.5.0.7 at 1280); and, fwiw, deleting the height on the same selector enables font zoom without the text in that container breaking out the bottom (the fonts are frozen in ie). #subbox{ /*height: 27px; width: 100%; */ } Best, ~dL ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
