honestly MIE is pissing me off
everything is perfect in FF, MIE has to screw everything up.
anyway here is my problem, i have a line
<tr><td width="138" height="530" background="images/sidebar.jpg" valign="top">
FF reads this and thinks to itself "hmm, maximum height is 530, i'll make sure it wont stretch longer than that"
MIE is reading nothing, and is stretching the background image over and over and over again down the line.
i specificaly created a secondary cell with a "filler" image in it so that if the body of my main text stretches out, the "filler" will just replicate and adjust accordinly
take a look here to see what i mean, view this in FF then in MIE
<!-- m --><a class="postlink" href="http://www.unitrustcapital.com/ghost/index.htmlChange">http://www.unitrustcapital.com/ghost/index.htmlChange</a><!-- m --> to:
<tr><td style="width: 138px; height: 530px; background: #fff url(images/sidebar.jpg) no-repeat; vertical-align: top;"></tr>
If you do not define the repeat value, the image will be tiled once the table cell's height exceeds the height of the image.
KDLAthank you, that did the trick
now the next problem is that i cant seem to get the image to show up in MIE thats now under the one i stopped from popping up, noted "filler.jpg"
and again everything seems to be perfectly fine in FF
is MIE just a pickier browser that wants some sort of perfected code?
i'm working off stuff i learned like 10 years ago.another question of syntax..
from my limited knowledge i am telling the web browser that the image used for the background, is to only be used within that cell, which is why i put it in the TD slot and not the table slot
yet MIE doesnt seem to listen to me, and simply applies to the entire section what i told it to only apply to one cell
what gives? the no-repeat sorta didnt even come to mind because i didnt expect for the image to spill over its designated area
i'm working off stuff i learned like 10 years ago.
I'd say that's more the problem, than the browser.
IE is quirkier than most browsers. But, I think the main reason you're experiencing problems is that you're relying on HTML to style your layout rather than using Cascading Stylesheets. (what I supplied to you was inline CSS) You can do a heck of a lot more with CSS than HTML.
As to your request, you may want to try nesting a div inside the table cell:
<td style="background: url(images/tile.jpg)">
<div style="background: #fff url(images/sidebar.jpg) no-repeat;">
... <!-- your content here -->
</div>
</td>
This way, the table cell consistently uses the image you want to tile, no matter what the height. The div will contain the non-repeating background image.
KDLAthanks for your help
i fixed it, i guess, altho i combined what you showed me whith whatever it is that i actualy know and it seemed topan out.
guess i gotta get me one of those new edition HTML for dummies books, hahaha, ha....
everything is perfect in FF, MIE has to screw everything up.
anyway here is my problem, i have a line
<tr><td width="138" height="530" background="images/sidebar.jpg" valign="top">
FF reads this and thinks to itself "hmm, maximum height is 530, i'll make sure it wont stretch longer than that"
MIE is reading nothing, and is stretching the background image over and over and over again down the line.
i specificaly created a secondary cell with a "filler" image in it so that if the body of my main text stretches out, the "filler" will just replicate and adjust accordinly
take a look here to see what i mean, view this in FF then in MIE
<!-- m --><a class="postlink" href="http://www.unitrustcapital.com/ghost/index.htmlChange">http://www.unitrustcapital.com/ghost/index.htmlChange</a><!-- m --> to:
<tr><td style="width: 138px; height: 530px; background: #fff url(images/sidebar.jpg) no-repeat; vertical-align: top;"></tr>
If you do not define the repeat value, the image will be tiled once the table cell's height exceeds the height of the image.
KDLAthank you, that did the trick
now the next problem is that i cant seem to get the image to show up in MIE thats now under the one i stopped from popping up, noted "filler.jpg"
and again everything seems to be perfectly fine in FF
is MIE just a pickier browser that wants some sort of perfected code?
i'm working off stuff i learned like 10 years ago.another question of syntax..
from my limited knowledge i am telling the web browser that the image used for the background, is to only be used within that cell, which is why i put it in the TD slot and not the table slot
yet MIE doesnt seem to listen to me, and simply applies to the entire section what i told it to only apply to one cell
what gives? the no-repeat sorta didnt even come to mind because i didnt expect for the image to spill over its designated area
i'm working off stuff i learned like 10 years ago.I'd say that's more the problem, than the browser.
IE is quirkier than most browsers. But, I think the main reason you're experiencing problems is that you're relying on HTML to style your layout rather than using Cascading Stylesheets. (what I supplied to you was inline CSS) You can do a heck of a lot more with CSS than HTML.
As to your request, you may want to try nesting a div inside the table cell:
<td style="background: url(images/tile.jpg)">
<div style="background: #fff url(images/sidebar.jpg) no-repeat;">
... <!-- your content here -->
</div>
</td>
This way, the table cell consistently uses the image you want to tile, no matter what the height. The div will contain the non-repeating background image.
KDLAthanks for your help
i fixed it, i guess, altho i combined what you showed me whith whatever it is that i actualy know and it seemed topan out.
guess i gotta get me one of those new edition HTML for dummies books, hahaha, ha....