Glenn E. Lanier, II wrote: > On Thu, Jul 24, 2008 at 8:13 AM, Christopher <[EMAIL PROTECTED]> wrote: > > >> Glenn E. Lanier, II wrote: >> >> On Thu, Jul 24, 2008 at 7:37 AM, Christopher <[EMAIL PROTECTED]<mailto: >> >>> [EMAIL PROTECTED]>> wrote: >>> >>> When you resize the browser on this page >>> http://www.walkfar.ca/test/productionsite13.html you'll see the >>> BiG blue >>> bar now when you resize the browser window >>> you'll notice that the BiG blue bar does not touch the right hand side >>> of the browser window, is this expected or is there a work around? >>> >>> >>> #flashbox is positioned in a way that causes part of it to display outside >>> your body, while #topbar is fully contained in your body. You have also >>> applied padding to #topbar, and it contains no content. height:152px might >>> accomplish what you want visually without giving you grief when you add >>> content. >>> >>> I echo *several* other people on the list: generate an image (using your >>> favorite digital tool) of what you want your page to look like when >>> finished. Then we will have a better idea of how to help you style it >>> cleanly. >>> >>> --G >>> >>> >> To everyone: It is #topbar that if you resize your browser it won't "hug" >> the right hand side of the browser. >> >> >> Christopher, >> > > #topbar is the item I mention. If you use Firefox and either Firebug or the > web developer plugin, you can remove #flashbox from the html (using Firebug) > or the styles for #flashbox (using Pedrick's excellent CSS editor), you will > see that the #topbar goes to 100% of the body width. The 500px left-margin > on #flashbox is your offending item. > > If you use Firebug and select the inspect option, you'll be able to > "mouse-over" the various block items in your page. Resize the window to a > smaller than 500px + 430px (width of #flashbox). See that the #topbar is no > longer 100% width of viewport. Start the inspection, slowing moving around > the screen. When you highlight the body object, you'll notice that #topbar > is 100% of body, but #flashbox extends outside the body. > > I am saying your problem is not in the styling of #topbar, but the styles > set on #flashbox. > > --G > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > What would be the best way to fix, I want to have the #flashbox in that area.
-- *Christopher* - the creative sheep *animator*///motion graphics artist/\\*web dev* web: www.walkfar.ca <mailto:[EMAIL PROTECTED]> email: [EMAIL PROTECTED] <http://www.walkfar.ca/> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
