Master Border Dilema

[Boris]

Hello Folks,
I am trying to setup a MasterBorder using a table with cells that hold
NavigationBar and pics (some with links). The table background contains a
graphic. Everything looks great until you preview/published. Tried to redo
the table serveral times and it works up to a point then messes up (still
looks as should on the development page.

I have a table set in the Layout HTML with the background pic. If I do the
same in the MasterBorder HTML then that image is used for the whole site.
Is there any way to have a background for the MasterBorder and another for
the Layout?

Gave it more thought and tried it via CSS as follows:
1. HTML for MasterBorder in Beginning of Body contains <div
class="MasterBorderBkrnd">
2. HTML for MasterBorder in End of Body contains </div>
3. Style.css contains: position : fixed;
background-repeat : no-repeat;
background-image : url( 'top1.jpg' )

Everything worked great (see
www.buckadaywebsites.com/zyourdivalicious/zmaja ) under IE, but when you use
FireFox or Safari, it does not look good at all.

I can either try to find out why the CSS is not working or does somebody
know of another method where I can have a background for the MasterBorder
and another one for Layout, hopefully setting it in the HTML. That way it
should be easier positioning the other objects, instead of fighting with
TABLE each time.

Thanking in advance for any assistance.
Cheers,
Boris

[Charles Edmonds]

On Wed, 25 Jun 2008 03:36:01 -0400, Boris wrote:

> Everything worked great (see
> www.buckadaywebsites.com/zyourdivalicious/zmaja ) under IE, but when you use
> FireFox or Safari, it does not look good at all.

Boris,

Nice work!

At a glance, it looks like your using Fixed Layout.

Switch to Dynamic Layout instead of Fixed.

Most designers these days don't use fixed layout at all because it just
falls down under the circumstances you described.

Does that help?

Charles

--
-------------------------------------------------------------------------------------------------------
Charles Edmonds
cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
www.pagesnip.com - "Print and Save the Web, just the way you want it!"
www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
and Forms!"
www.lansrad.com - "Intelligent Solutions for Universal Problems"
www.fotokiss.com - "World's Best Auction Photo Editor"
-------------------------------------------------------------------------------------------------------

[Boris]

Hello Charles,
Thanks for the reply. I did check my settings and the Site Setting is
Dynamic. Did some more playing around and finally got it working. All I
had to do was chg in style.css was:
position : relative;
background-repeat : no-repeat;
background-image : url( 'top1.jpg' );
top : 0;
left : 0

I might have to do some more tinkering to get it to center on a wide screen.
Take a look

Again thanks. (you can see that I am using your product Ezround to generate
the curved boxes)
Boris


"Charles Edmonds" <cje_ByteMeSpammers_@lansrad.com> wrote in message
news:9ur40r6sp4b3$.7vk7uhiejp54$.dlg@40tude.net...
> On Wed, 25 Jun 2008 03:36:01 -0400, Boris wrote:
>
>> Everything worked great (see
>> www.buckadaywebsites.com/zyourdivalicious/zmaja ) under IE, but when you
>> use
>> FireFox or Safari, it does not look good at all.
>
> Boris,
>
> Nice work!
>
> At a glance, it looks like your using Fixed Layout.
>
> Switch to Dynamic Layout instead of Fixed.
>
> Most designers these days don't use fixed layout at all because it just
> falls down under the circumstances you described.
>
> Does that help?
>
> Charles
>
> --
> -------------------------------------------------------------------------------------------------------
> Charles Edmonds
> cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
> www.pagesnip.com - "Print and Save the Web, just the way you want it!"
> www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
> www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
> and Forms!"
> www.lansrad.com - "Intelligent Solutions for Universal Problems"
> www.fotokiss.com - "World's Best Auction Photo Editor"
> -------------------------------------------------------------------------------------------------------

[Nancy O]

Looks great! But check your menus in FF3 - drops are way off to the right
(not sure if that's intentional or not).


--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

"Boris" <bulcar@ulteksystems.com> wrote in message
news:g3tmn3$r4s2@flsun90netnews01.netobjects.com.. .
> Hello Charles,
> Thanks for the reply. I did check my settings and the Site Setting is
> Dynamic. Did some more playing around and finally got it working. All I
> had to do was chg in style.css was:
> position : relative;
> background-repeat : no-repeat;
> background-image : url( 'top1.jpg' );
> top : 0;
> left : 0
>
> I might have to do some more tinkering to get it to center on a wide
screen.
> Take a look
>
> Again thanks. (you can see that I am using your product Ezround to
generate
> the curved boxes)
> Boris
>
>
> "Charles Edmonds" <cje_ByteMeSpammers_@lansrad.com> wrote in message
> news:9ur40r6sp4b3$.7vk7uhiejp54$.dlg@40tude.net...
> > On Wed, 25 Jun 2008 03:36:01 -0400, Boris wrote:
> >
> >> Everything worked great (see
> >> www.buckadaywebsites.com/zyourdivalicious/zmaja ) under IE, but when
you
> >> use
> >> FireFox or Safari, it does not look good at all.
> >
> > Boris,
> >
> > Nice work!
> >
> > At a glance, it looks like your using Fixed Layout.
> >
> > Switch to Dynamic Layout instead of Fixed.
> >
> > Most designers these days don't use fixed layout at all because it just
> > falls down under the circumstances you described.
> >
> > Does that help?
> >
> > Charles
> >
> > --
>
> --------------------------------------------------------------------------
-----------------------------
> > Charles Edmonds
> > cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email
me)
> > www.pagesnip.com - "Print and Save the Web, just the way you want it!"
> > www.clarionproseries.com - "Serious imaging tools for Clarion
Developers"
> > www.ezround.com - "Round Corner HTML tables with matching Banners,
Buttons
> > and Forms!"
> > www.lansrad.com - "Intelligent Solutions for Universal Problems"
> > www.fotokiss.com - "World's Best Auction Photo Editor"
>
> --------------------------------------------------------------------------
-----------------------------
>

[Charles Edmonds]

On Wed, 25 Jun 2008 11:02:53 -0400, Boris wrote:

> Hello Charles,
> Thanks for the reply. I did check my settings and the Site Setting is
> Dynamic. Did some more playing around and finally got it working. All I
> had to do was chg in style.css was:
> position : relative;
> background-repeat : no-repeat;
> background-image : url( 'top1.jpg' );
> top : 0;
> left : 0

Ah - that makes sense.


> I might have to do some more tinkering to get it to center on a wide screen.
> Take a look

I don't have a wide screen monitor here, but it looks good on what I have!

> Again thanks. (you can see that I am using your product Ezround to generate
> the curved boxes)


You did a great job with it Boris!

Well done!

;-)


Charles

--
-------------------------------------------------------------------------------------------------------
Charles Edmonds
cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
www.pagesnip.com - "Print and Save the Web, just the way you want it!"
www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
and Forms!"
www.lansrad.com - "Intelligent Solutions for Universal Problems"
www.fotokiss.com - "World's Best Auction Photo Editor"
-------------------------------------------------------------------------------------------------------