|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
 |
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
|
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
Dev Articles Community Forums Sponsor:
|
|
|
|
#1
November 2nd, 2005, 04:11 AM
|
|||
|
|||
|
IE background image placement problem
I've been strugglign this for an entire day now and I can't for the life of me figure out what i'm doing wrong. It's never happened to me before so I have no idea what IS happening let alone deal with it. I've tried messing around with margins and padding but it doesn't work. The images below will describe the problem.
URL That's how it renders in IE. And this is how it renders in FF: URL It's fine in FF but in IT the middle part is misaligned... This is how i'm placing the images in the code: Code:
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="180">
<tr>
<td width="10"><img src="corner_left_top.gif" border='0'/></td>
<td width="100%" style="background-image: url(top.gif); background-repeat: repeat-x;"></td>
<td width="10"><img src="corner_right_top.gif" border='0'/></td>
</tr>
</table>
That table is contained within another table. Can someone please explain to me why this is happening ONLY in IE all over my code....
|
|
#2
June 23rd, 2006, 09:00 PM
|
||||
|
||||
|
padding
IE adds 1px padding to table cells. (just one of the many reasons to not use tables to structure page layout)
I don't know if givng the table "cellpadding: 0" is enough. Try giving each cell "padding: 0" or better yet, lose the table.
|
|
| Viewing: Dev Articles Community Forums > Web Design > Advanced Web Development > IE background image placement problem |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
