Rounded Corners: FireFox vs. IE

M

Matt White

I know the rounded corners question has been solved many times, but I
am working with some HTML that is already in place and needs some
fixing. The problem is that it renders fine in FireFox but IE refuses
to play nicely. Here is the code - the background colors are only
there to show the table data entries (they will all end up being
white). It seems as though the height of the row is too high, but no
matter how I change it, it won't go. If you open it in FireFox, it
looks perfect. Any ideas as to what I need to do to make IE render
this properly? Thanks.

The corner images can be obtained at http://clicksellgo.com/suppliers/suppliers.
They are the top left and right corners of the white table in the
middle of the page.

<html>
<head>
<title>Test</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="760" align="center">
<tr>
<td bgcolor="#ff00ff">
<img src="top_left.png">
</td>
<td width="740" bgcolor="#00ffff">
</td>
<td bgcolor="#ff00ff">
<img src="top_right.png">
</td>
</tr>
</table>
</body>
</html>
 
N

Neredbojias

Well bust mah britches and call me cheeky, on Mon, 06 Aug 2007 22:07:54
GMT Matt White scribed:
I know the rounded corners question has been solved many times, but I
am working with some HTML that is already in place and needs some
fixing. The problem is that it renders fine in FireFox but IE refuses
to play nicely. Here is the code - the background colors are only
there to show the table data entries (they will all end up being
white). It seems as though the height of the row is too high, but no
matter how I change it, it won't go. If you open it in FireFox, it
looks perfect. Any ideas as to what I need to do to make IE render
this properly? Thanks.

The corner images can be obtained at
http://clicksellgo.com/suppliers/suppliers. They are the top left and
right corners of the white table in the middle of the page.

<html>
<head>
<title>Test</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="760"
align="center">
<tr>
<td bgcolor="#ff00ff">
<img src="top_left.png">
</td>
<td width="740" bgcolor="#00ffff">
</td>
<td bgcolor="#ff00ff">
<img src="top_right.png">
</td>
</tr>
</table>
</body>
</html>
Click to expand...

No doctype. Quirks mode. Quirky behavior.
 
M

Matt White

Well bust mah britches and call me cheeky, on Mon, 06 Aug 2007 22:07:54
GMT Matt White scribed:






No doctype. Quirks mode. Quirky behavior.
Click to expand...

Thanks Neredbojias. I hate IE.
 
M

Matt White

Ok, I've tried several different DOCTYPEs as documented at
http://msdn2.microsoft.com/en-us/library/ms535242.aspx and IE still
won't work properly. Firefox works fine with all of them. Any ideas as
to why? Thanks.

New HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Cache-Control" content="no-cache">
</head>
<body>
<table cellpadding="0" cellspacing="0" width="760">
<tr>
<td bgcolor="#ff00ff">
<img src="top_left.png">
</td>
<td width="740" bgcolor="#00ffff">
</td>
<td bgcolor="#ff00ff">
<img src="top_right.png">
</td>
</tr>
</table>
</body>
</html>
 
M

Matt White

Ok, I've tried several different DOCTYPEs as documented athttp://msdn2.microsoft.com/en-us/library/ms535242.aspxand IE still
won't work properly. Firefox works fine with all of them. Any ideas as
to why? Thanks.

New HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Cache-Control" content="no-cache">
</head>
<body>
<table cellpadding="0" cellspacing="0" width="760">
<tr>
<td bgcolor="#ff00ff">
<img src="top_left.png">
</td>
<td width="740" bgcolor="#00ffff">
</td>
<td bgcolor="#ff00ff">
<img src="top_right.png">
</td>
</tr>
</table>
</body>
</html>
Click to expand...

Ok, I got it. In case anyone runs into this silly IE only problem, it
treats the extra whitespace on either side of the img tag as literal
and thinks that you've entered text into the table, so it puts that
into the cell. Retarded. Basically, you have to have <td><img ...><td>
for it to work right.
 
N

Neredbojias

Well bust mah britches and call me cheeky, on Tue, 07 Aug 2007 16:59:50
GMT Matt White scribed:
Ok, I got it. In case anyone runs into this silly IE only problem, it
treats the extra whitespace on either side of the img tag as literal
and thinks that you've entered text into the table, so it puts that
into the cell. Retarded. Basically, you have to have <td><img ...><td>
for it to work right.
Click to expand...

Good ol' ieieieio... Ya know, I knew that but forgot. You put it into
words very well.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Sort by number of characters 1
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Javascript DOM 1
Help needed with thank you message 5
How to wrap <td> content . 16
Filter table rows based on multiple checkboxes value 2
Having trouble centering contents of td ? 3

Members online

No members online now.
Total: 67 (members: 0, guests: 67)
Robots: 442

Forum statistics

Threads
473,982
Messages
2,570,190
Members
46,736
Latest member
zacharyharris

Latest Threads

Top