~davidLaakso wrote: > Fabienne wrote: > >> 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 >> >> > #upperbox{ > /*position: absolute; > top: 0; > left: 0;*/ > } > #subbox{ > /*position: absolute; > top: 90px;*/ > } > And adjust the navigation menu? > > Regards, > ~dL > > You could also try eliminating the absolute positioning altogether, and float the menu and content. Something like this: #upperbox{ /*position: absolute; top: 0; left: 0;*/ } #subbox{ padding-left: 150px;/*position: absolute; top: 90px; margin-left: 150px; */ } #content { float: left; margin-left: 90px; /*margin-left: 240px;position: absolute; top: 140px; */ } #navcontainer{ float: left;} Regards, ~dL
-- http://chelseacreekstudio.com/ ______________________________________________________________________ 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/
