How Do I Stretch Formatted Inline Menu To 100%?

[google@warcode.com]

Check out this sample:

http://fmp.freac.fsu.edu/Timeline/sample2.cfm

Due to the design requirements, I need to stretch that red part on the
right all the way to the right edge, but I can't figure out how to do
it. Background image won't cut it because when you resize the text, it
messes it up. I can't put a border on the overall container, because
then that cuts through the "tab" indicating the current section of the
web site.

Any thoughts?

Thanks!

-peter

[Martin!]

Re: How Do I Stretch Formatted Inline Menu To 100%?

google@warcode. com wrote:
[color=blue]
> Check out this sample:
>
> http://fmp.freac.fsu.edu/Timeline/sample2.cfm
>
> Due to the design requirements, I need to stretch that red part on the
> right all the way to the right edge, but I can't figure out how to do
> it. Background image won't cut it because when you resize the text, it
> messes it up. I can't put a border on the overall container, because
> then that cuts through the "tab" indicating the current section of the
> web site.
>
> Any thoughts?
>
> Thanks!
>
> -peter
>[/color]

see if this works for you

#navcontainer li.clearRight
{
float: none;
display: block;



gl
martin!

[Gus Richter]

Re: How Do I Stretch Formatted Inline Menu To 100%?

Martin! wrote:[color=blue]
> google@warcode. com wrote:
>[color=green]
>> Check out this sample:
>>
>> http://fmp.freac.fsu.edu/Timeline/sample2.cfm
>>
>> Due to the design requirements, I need to stretch that red part on the
>> right all the way to the right edge, but I can't figure out how to do
>> it. Background image won't cut it because when you resize the text, it
>> messes it up. I can't put a border on the overall container, because
>> then that cuts through the "tab" indicating the current section of the
>> web site.
>>
>> Any thoughts?
>>
>> Thanks!
>>
>> -peter
>>[/color]
>
> see if this works for you
>
> #navcontainer li.clearRight
> {
> float: none;
> display: block;[/color]

Works, but looks kind of weird when you reduce the sceen size or on a
lower screen resolution. You can also try with these modifications instead:

#navcontainer
add: background-color:#CC0000;

#navcontainer li.clearRight
delete: border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;

--
Gus