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/

Reply via email to