Results 1 to 2 of 2

Thread: Firefox problems

  1. #1
    Join Date
    Nov 2005
    Posts
    1

    Firefox problems

    http://dimmerlights.com/

    i created the border with photoshop and it works great in IE but in firefox some of the boder isnt showing up. any ideas?

    thanks in advance.

  2. #2
    Join Date
    Mar 2004
    Location
    China
    Posts
    3,315
    You have the image that makes the border in as a forground image with height="100%". But 100% of what?

    Tables and table cells, according to the w3c specs, don't have a height atribute. So even though you set the table cells to 100%, FF and Opera just ignore it. So the table cell is 0px high and the visable content is just overflow. So you side images are 100% or 0px high. So they don't show.

    The solution is actually simlple. If you put the side images into the html as backgrounds, then the browser will tile the image down the side of the table cell. Whatever size the table is, it will have the side image all the way down. E.g. You current html is
    Code:
    <td height="100%">
        <img src="images/right.gif" width="17" height="100%" alt=""></td>
    Change this to:
    Code:
    <td style="background-image:url(images/right.gif); background-repeat: repeat-x;">
        &nbsp;</td>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •