fixed background in table ?

**cma** · 05-31-2004 08:28 PM

is it possible?

i tried it but it doesn't work

Code:

.LEVEL1_TABLE {
      background:url(background.gif) #FFFFFF bottom right no-repeat fixed;
      vertical-align: top;
      border-style: normal;
      font-size: 10pt;
      font-family: Arial;
      cellpadding: 0
}

Thank you

**Sam** · 05-31-2004 09:11 PM

could we get the full source or a link? Its hard to tell the problem with this little code.

**cma** · 06-01-2004 12:31 AM

which one? CSS? HTML?

CSS

Code:

.LEVEL1_TABLE {
      background:url(background.gif) #FFFFFF bottom right no-repeat fixed;
      vertical-align: top;
      border-style: normal;
      font-size: 10pt;
      font-family: Arial;
      cellpadding: 0
}

HTML

Code:

<html>

<head>
<title>test01</title>
</head>

<body>


<div align="left">

<table class="main_table" border="0" cellpadding="0" cellspacing="0" width="896" bgcolor="#FFFFFF">
    <tr>
        <td width="183">&nbsp;</td>
        <td width="710">

<table border="0" cellpadding="0" cellspacing="0"> 
    <tr>
        <td align="center" valign="top">
        menu 
	</td>
        <td valign="top" width="10">
        content
	</td>
        <td align="right" valign="top">

	</td>
    </tr>
</table>

        </td>
    </tr>
</table>
</div>

</body>
</html>

thank you

**Fang** · 06-01-2004 02:22 AM

css: .LEVEL1_TABLE
html:main_table
You have no LEVEL1_TABLE class in the html.

**cma** · 06-01-2004 05:11 PM

yeah i know... i was mistake typing main_table instead of level1_table. that html and css are just example.

i found out that IE doesn't support fixed background on table but FF does. one problem is ff.... please check it at my site... with FF.. you will see NL is center of end of the table... i want it at bottom right of the table... not bottom center of the table. can i fix it?

thank you.

**KarmaKills** · 06-01-2004 06:17 PM

I just ran into a problem last week with trying to use a fixed background within a div.

It looked great under IE, but was broken under Mozilla and Netscape.

When you change a background-attachment to fixed, it attaches it to the object under IE, but attaches it to the document for all other browsers it seems. Even IE for Mac attaches it to the document and not the object.

It makes more sense to attach it to the object as all you have to do is attach it to the body if you really wanted it there.

If you try to move the background to the center of your object, it moves out of alignment under IE.

The solution I found was to create a div and set it to the exact measurements of the background but not to set it as fixed. Then create a child element with overflow set to auto so it could scroll over the background.

**KarmaKills** · 06-01-2004 06:41 PM

I just ran into a problem last week with trying to use a fixed background within a div.

It looked great under IE, but was broken under Mozilla and Netscape.

When you change a background-attachment to fixed, it attaches it to the object under IE, but attaches it to the document for all other browsers it seems. Even IE for Mac attaches it to the document and not the object.

It makes more sense to attach it to the object as all you have to do is attach it to the body if you really wanted it there.

If you try to move the background to the center of your object, it moves out of alignment under IE.

The solution I found was to create a div and set it to the exact measurements of the background but not to set it as fixed. Then create a child element with overflow set to auto so it could scroll over the background.

Thread: fixed background in table ?

Thread Tools

Display

fixed background in table ?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions