AzaraT
11-18-2008, 08:48 AM
Hi there
I have a bit of a strange bug here. Only in IE, works fine in firefox. I have a table design and I only want the "content" part of the design to have auto height. So I have set the other cells height. But in IE it seems to take no notice of this at all. My code is like this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<table cellpadding="0" cellspacing="0" id="design">
<tr>
<td class="top" colspan="3" height="150px" width="922px" background="images/top.jpg" ></td>
</tr>
<tr>
<td class="stroke" colspan="3" height="1px" width="922px" background="images/stroke.jpg"></td>
</tr>
<tr>
<td class="menu_left" background="images/left.jpg" width="22px" height="50px"></td>
<td class="menu_content" width="878px"></td>
<td class="menu_right" width="22px" height="50px" background="images/right.jpg"></td>
</tr>
<tr>
<td class="stroke" colspan="3" width="922px" height="1px" background="images/stroke.jpg"></td>
</tr>
<tr>
<td class="left" background="images/left.jpg" width="22px"></td>
<td class="content"></td>
<td class="right" background="images/right.jpg" width="22px"></td>
</tr>
<tr>
<td class="stroke" colspan="3" height="1px" width="922px" background="images/stroke.jpg"></td>
</tr>
<tr>
<td class="bottom_left" background="images/bottom_left.jpg" width="22px" height="50px"></td>
<td class="bottom_content" background="images/bottom_bg.jpg" width="878px" height="50px"></td>
<td class="bottom_right" background="images/bottom_right.jpg" width="22px" height="50px"></td>
</tr>
</table>
</body>
</html>
I do got a stylesheet but it should not have anything with the height option?
The design is implentet in this site, and you can see the problem very easy www.azaratmusic.com
I did want to set all the heights and background images in css but I couldn't get it working. I heard it was IE had some problems with height in css, but never heard of a problem like this with simple html?
Hope someone can help me here
Thanks
AzaraT
I have a bit of a strange bug here. Only in IE, works fine in firefox. I have a table design and I only want the "content" part of the design to have auto height. So I have set the other cells height. But in IE it seems to take no notice of this at all. My code is like this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<table cellpadding="0" cellspacing="0" id="design">
<tr>
<td class="top" colspan="3" height="150px" width="922px" background="images/top.jpg" ></td>
</tr>
<tr>
<td class="stroke" colspan="3" height="1px" width="922px" background="images/stroke.jpg"></td>
</tr>
<tr>
<td class="menu_left" background="images/left.jpg" width="22px" height="50px"></td>
<td class="menu_content" width="878px"></td>
<td class="menu_right" width="22px" height="50px" background="images/right.jpg"></td>
</tr>
<tr>
<td class="stroke" colspan="3" width="922px" height="1px" background="images/stroke.jpg"></td>
</tr>
<tr>
<td class="left" background="images/left.jpg" width="22px"></td>
<td class="content"></td>
<td class="right" background="images/right.jpg" width="22px"></td>
</tr>
<tr>
<td class="stroke" colspan="3" height="1px" width="922px" background="images/stroke.jpg"></td>
</tr>
<tr>
<td class="bottom_left" background="images/bottom_left.jpg" width="22px" height="50px"></td>
<td class="bottom_content" background="images/bottom_bg.jpg" width="878px" height="50px"></td>
<td class="bottom_right" background="images/bottom_right.jpg" width="22px" height="50px"></td>
</tr>
</table>
</body>
</html>
I do got a stylesheet but it should not have anything with the height option?
The design is implentet in this site, and you can see the problem very easy www.azaratmusic.com
I did want to set all the heights and background images in css but I couldn't get it working. I heard it was IE had some problems with height in css, but never heard of a problem like this with simple html?
Hope someone can help me here
Thanks
AzaraT