Glenn E. Lanier, II wrote:
> On Thu, Jul 24, 2008 at 8:13 AM, Christopher [EMAIL-REMOVED]> wrote:
>> Glenn E. Lanier, II wrote:
>> On Thu, Jul 24, 2008 at 7:37 AM, Christopher [EMAIL-REMOVED]<mailto:
>>> [EMAIL-REMOVED]>> 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
>>> 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
>> To everyone: It is #topbar that if you resize your browser it won't "hug"
>> the right hand side of the browser.
> #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.
> css-discuss [EMAIL-REMOVED]]
> 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
*Christopher* - the creative sheep
*animator*///motion graphics artist/\\*web dev*
web: www.walkfar.ca [EMAIL-REMOVED]> email:
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/