HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Table background image problems with IE
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
Veev



Joined: 03 Sep 2008
Posts: 2

PostPosted: Wed Sep 03, 2008 10:18 pm     Table background image problems with IE Reply with quote

Hi all,

Love the site, I've been trying to relearn/teach myself some HTML the past few days and whenever I search for something I'm confused on, your site always pops up in the search engine to help out. ^^

Anyway, I am having some troubles with using a background table image in IE. I think the best way to explain it is to go ahead and show what's happening: http://www.voodoomedivh.com/

Currently works fine in Firefox, but in IE/Safari there are certain areas of the page where the background images don't display how exactly how I intended them to.

Here is an example of the broken code:

Code:
<table width="100%" height="14" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="12" height="14" background="images/borders/outer_border_topleft_corner.gif"></td>
    <td height="14" background="images/borders/outer_border_topcenter_tile.gif"></td>
    <td width="12" height="14" background="images/borders/outer_border_topright_corner.gif"></td>
  </tr>
</table>


What I want that to do is display top left image in top left 25 pixels, top right image in top right 25 pixels, then the center image in all the space in between (not a fixed width so it can scale w/ window size). Problem is it's displaying the top left image on the left half of the screen, and top right image on right half.

Now I have found a sort of work around, only because it was only broken on parts of that page, so I went to see what could be different with the parts that work. I found that if I insert a new table into the middle cell at 100% width, center that table (unsure if related or not), and then add a fixed 960 width cell in that table, it will display everything properly, not just for the 960 pixels. You can see where I've done this in between the image/logo and first news post.

So I guess I should be happy I've at least found a cheap solution, but I'm really curious if there is a cleaner way to solve this issue?

Thanks in advance and thanks again for the great site!
Veev



Joined: 03 Sep 2008
Posts: 2

PostPosted: Wed Sep 03, 2008 10:25 pm     Reply with quote

Hmm.. I just found out that inserting a single space into that middle cell will do the trick as well. This is a more acceptable solution I guess, but if anyone else has any ideas please let me know!

Edit: Okay, I've fixed everything except for at the very bottom of the page, there's a small break in the background because the cells in questions are so small, I've tried both a space and empty table, same result.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial