Welcome to the MacNN Forums.

thePurpleGiant · Jul 19, 2003, 01:59 AM

Hey all,

Got a site that I'm in the middle of. At the bottom of each page is a graphic in the background of a one cell table, with some text over the top. I have set the page margins to 0 pixels, and tht works for everything. Except this cell at the bottom. It has to be flush with the bottom of the page.

The page is:

http://www.stikaguru.com.au

It looks great in Safari, but not in IE or Camino. It's the blue and green splash at the bottom of all of the pages.

You guys have any (non-CSS!) ideas?? Surely it can't be hard? Thanks very much!

thePurpleGiant · Jul 19, 2003, 03:00 AM

I should post some pics in case you guys don't have the browsers I am talking about:

Safari:

Looks how it should.

OmniWeb:

Again, looks good.

Internet Explorer Mac:

Gap underneath it.

Camino:

The one-cell table has increased its size from a set number of pixels (same as the graphic) to a size that includes the gap underneath, hence the background image starts to repeat.

Synotic · Jul 19, 2003, 09:21 AM

Originally posted by thePurpleGiant:
You guys have any (non-CSS!) ideas?? Surely it can't be hard? Thanks very much!

Non-css? Why's that exactly?

mzllr · Jul 19, 2003, 04:14 PM

try adding <body bottommargin="0">

mzllr · Jul 19, 2003, 04:15 PM

whoops....

[body bottommargin="0"]

thePurpleGiant · Jul 19, 2003, 07:34 PM

Originally posted by mzllr:
whoops....

[body bottommargin="0"]

Thanks! Do I include the square brackets, or did you substitute them for >< brackets? Where exactly should I paste that?

I have this already in the head:

body bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

Should I paste it in there somewhere?

clam2000 · Jul 19, 2003, 10:08 PM

yes, just after topmargin

in this board html tags actually produce html so alway replace ][ with ><

--will

thePurpleGiant · Jul 20, 2003, 04:08 AM

Originally posted by clam2000:
yes, just after topmargin

in this board html tags actually produce html so alway replace ][ with ><

--will

Thanks for the tip...didn't work though =(

I now have this listed:

body bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0"

Made no difference at all. Looks fine in Safari, bad in the others. Any other ideas?

Synotic · Jul 20, 2003, 06:16 AM

Originally posted by thePurpleGiant:
Thanks for the tip...didn't work though =(

I now have this listed:

body bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0"

Made no difference at all. Looks fine in Safari, bad in the others. Any other ideas?

Well if you're willing to use CSS at some point, in the <head> tag you can just put:

<style type="text/css">
body { background: #000 url(http://www.stikaguru.com.au/content/base.jpg) bottom right no-repeat }
</style>

Or even:

<style type="text/css">
body { background: #000 url(http://www.stikaguru.com.au/content/base.jpg) bottom right no-repeat }; margin: 0
</style>

If you want to get rid of all those margin attributes in your body tag.

Good luck

clam2000 · Jul 20, 2003, 11:32 AM

ok, it wasn't working before on my browser (camino) i played arround an got it working somewhat better.

your problem was that you had your text within a [p] tag, which meant that an extra line was inserted afterwards, resulting in a picture that was too high.

here is what i changed it to:

Code:
[tr] 
        [td valign="bottom" height="58"] 
          [div align="center" height="58"]
            [br]
            [font color="#FFCC33" size="-2" face="Arial, Helvetica, sans-serif"][font color="#000000" size="1"]&copy; 
              2003 Stika Guru • Site Design by [a href="http://www.jbinteractive.net.au"]JB 
              Interactive[/a] • [a href="mailto:webmaster@stikaguru.com.au"]Email 
              Webmaster[/a][/font][/font]
          [/div][/td]
      [/tr]

i took out the [p] tags, put a [br] tag instead of the upper [p][/p] and i added some more height attributes

--will

thePurpleGiant · Jul 20, 2003, 10:10 PM

Thanks so much guys, both solutions worked well!!

Me ->

Mr T ->