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/
