fixed background in table ?

liunx

Guest
is it possible?

i tried it but it doesn't work


.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 youcould we get the full source or a link? Its hard to tell the problem with this little code.which one? CSS? HTML?

CSS

.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


<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"> </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 youcss: .LEVEL1_TABLE
html:main_table
You have no LEVEL1_TABLE class in the html.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.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.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.
 
Back
Top