I am having terrible CSS problems currently. I am designing a site for my coaching classes using PHP + MySQL. Actually, it has a pageheader which is blurred at it's edges and two tables that run side by side in which an image is to be repeated continuously using CSS(repeat-y). It is showing perfectly in Internet Explorer, but is having problems in Opera/Firefox. I suppose an image says a thousand words, so here are the images:
If you notice the two strips, highlighted by the red boxes, the blur effect is not being repeated. However, in Internet Explorer, it's working perfectly fine.
You see, that's being repeated. Here is the CSS code:
rStr is the class that controls the right strip and lStr controls the left strip. It might help, so please check the complete CSS code here
Here is the HTML code that is generated by PHP for the left Strip, the right strip is the same too :
The whole HTML file(generated by PHP), if at all, might help you is available here.
Please have a look and try to help. It is extrememly urgent and important. Thanks a lot. I'll give 75 FRIH$(I know it's not much, but that's all that I have) to anyone who solves my problem.
2nd Problem: I don't want the browser to reload the page from the cache, but rather want it to contact the server for the page everytime the client asks for it. Is there a way to control through PHP or the server(The client should have nothing to do with it).
If you notice the two strips, highlighted by the red boxes, the blur effect is not being repeated. However, in Internet Explorer, it's working perfectly fine.
You see, that's being repeated. Here is the CSS code:
| Code: |
|
.rStr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: lighter; font-variant: normal; margin: 0px; padding: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; background-attachment: fixed; background-image: url(rightcon.gif); background-repeat: repeat-y; background-position: right top; } .lStr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: lighter; font-variant: normal; margin: 0px; padding: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; background-attachment: fixed; background-image: url(leftcon.gif); background-repeat: repeat-y; background-position: left top; } |
rStr is the class that controls the right strip and lStr controls the left strip. It might help, so please check the complete CSS code here
Here is the HTML code that is generated by PHP for the left Strip, the right strip is the same too :
| Code: |
|
<td width="23" height="203" valign="top" class="glowT" rowspan="4"> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="rStr"> <tr> <td width="100%" valign="top" class="rStr"></td> </tr> </table> </td> |
The whole HTML file(generated by PHP), if at all, might help you is available here.
Please have a look and try to help. It is extrememly urgent and important. Thanks a lot. I'll give 75 FRIH$(I know it's not much, but that's all that I have) to anyone who solves my problem.
2nd Problem: I don't want the browser to reload the page from the cache, but rather want it to contact the server for the page everytime the client asks for it. Is there a way to control through PHP or the server(The client should have nothing to do with it).
