B
badstyle
i seem to have stumbled across a bit of a strange issue regardling the
positioning of BG images via CSS.
i was wandering if this was a known issue or if there are things that i can
do in order to rectify this seemingly incompatability of CSS without using
javascript or Server Side Scripting.
in this case i have a table cell with one or the other of the css below
attached to it. i want to position the BG image - which repeats - to the top
left of the table cell [background-position: 0px 0px;]. But strangely i have
to alter the vertical position by 4px for the image to visibly tile
correctly in Opera. The table cell's height is specified to be exactly the
same height has the image used for tiling.
for your reference:
---works well in OPERA 7 - but not in IE 6---
..tableT {
background-attachment: fixed;
background-image: url(../images/construction/table_T.gif);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-transform: uppercase;
font-weight: bold;
background-position: 0px 4px;
}
---works well in IE 6 - but not in Opera 7---
..tableT {
background-attachment: fixed;
background-image: url(../images/construction/table_T.gif);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-transform: uppercase;
font-weight: bold;
background-position: 0px 0px;
}
...b..
positioning of BG images via CSS.
i was wandering if this was a known issue or if there are things that i can
do in order to rectify this seemingly incompatability of CSS without using
javascript or Server Side Scripting.
in this case i have a table cell with one or the other of the css below
attached to it. i want to position the BG image - which repeats - to the top
left of the table cell [background-position: 0px 0px;]. But strangely i have
to alter the vertical position by 4px for the image to visibly tile
correctly in Opera. The table cell's height is specified to be exactly the
same height has the image used for tiling.
for your reference:
---works well in OPERA 7 - but not in IE 6---
..tableT {
background-attachment: fixed;
background-image: url(../images/construction/table_T.gif);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-transform: uppercase;
font-weight: bold;
background-position: 0px 4px;
}
---works well in IE 6 - but not in Opera 7---
..tableT {
background-attachment: fixed;
background-image: url(../images/construction/table_T.gif);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-transform: uppercase;
font-weight: bold;
background-position: 0px 0px;
}
...b..