Page is a not externally linkable
- Code, Content, and Presentation
-- HTML
---- Help! My site looks terrible in IE!


cweaver - 6:23 pm on Apr 18, 2006 (gmt 0)


I threw this demo together for this question only. Start with this and build on it or retrofit what you've got. The key to it is the style declaration "td.Month". (I took this from a calendar I built.) Without out this particular IE hack colspan doesn't work. At least I can't get it to.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> IE ColSpan Test </title>
</head>

<body>

<style>
td{
height:100px;
width:100px;
background-color:aliceblue;
font-family:arial;
font-size:medium;
font-weight:bold;
color:black;
text-align:center;
}

td.Month{
width: 700px;
}

th{
width:100px;
background-color:aliceblue;
font-family:arial;
font-size:medium;
font-weight:bold;
color:black;
}

</style>

<table cellpadding=3 cellspacing=3 border=1 bordercolor=black id="CalendarMonth">

<tr>
<td>Summer</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
</tr>
<tr>
<td class='Month' colspan="7">
<b><font size=+3>June</font></b>
<br />

</td>
</tr>

<tr>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td>
</tr>

</table>
</body>
</html>


Thread source:: http://www.webmasterworld.com/html/12025.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com