Thread: Gap between rows in IE7
View Single Post
Old 12-07-2006, 08:37 AM   #1 (permalink)
Roc
Junior Member
 
Join Date: Oct 2006
Posts: 3
Default Gap between rows in IE7
I have arranged a table with 2 rows in a layer. The top row has 11 columns which hold the nav buttons. The bottom row has 3 columns with background repeat in the middle one.

The above layout shows up fine in FF2 but not in IE7. In IE7 it shows a few pixels space between the two rows.
Quote:
Originally Posted by HTML
<div id="navigation">
<table width="766" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10">
</td>
<td width="65">
</td>
<td width="55"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('homeimg','','rollovers/xhomeSel.gif',1)"><img src="rollovers/buttonHome.gif" name="homeimg" width="55" height="32" border="0" id="homeimg" /></a>
</td>
<td width="79">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('studentsimg','','rollov ers/xstudentsSel.gif',1)"><img src="rollovers/buttonStudents.gif" name="studentsimg" width="79" height="32" border="0" id="studentsimg" /></a>
</td>
<td width="65">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('faculty','','rollovers/xfacultySel.gif',1)"><img src="rollovers/buttonFaculty.gif" name="faculty" width="65" height="32" border="0" id="faculty" /></a>
</td>
<td width="63">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('alumni','','rollovers/xalumniSel.gif',1)"><img src="rollovers/buttonAlumni.gif" name="alumni" width="63" height="32" border="0" id="alumni" /></a>
</td>
<td width="123">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('lecturesimg','','rollov ers/xlecturesSel.gif',1)"><img src="rollovers/buttonLectures.gif" name="lecturesimg" width="123" height="32" border="0" id="lecturesimg" /></a>
</td>
<td width="148">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('knowledgeimg','','rollo vers/xknowledgeSel.gif',1)"><img src="rollovers/buttonKnowledge.gif" name="knowledgeimg" width="148" height="32" border="0" id="knowledgeimg" /></a>
</td>
<td width="87">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('profilesimg','','rollov ers/xprofilesSel.gif',1)"><img src="rollovers/buttonProfiles.gif" name="profilesimg" width="87" height="32" border="0" id="profilesimg" /></a>
</td>
<td width="62">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('eventsimg','','rollover s/xeventsSel.gif',1)"><img src="rollovers/buttonEvents.gif" name="eventsimg" width="62" height="32" border="0" id="eventsimg" /></a>
</td>
<td width="9">
</td>
</tr>
<tr>
<td width="10"><img src="images/descLeftBorder.gif" width="10" />
</td>
<td width="747" colspan="9" class="descex">
</td>
<td width="9"><img src="images/descRightBorder.gif" width="9" />
</td>
</tr>
</table>
</div>
Quote:
Originally Posted by css
.descex {
background-image:url(../images/descExtender.gif);
background-repeat:repeat-x;

#navigation {
position:absolute;
left:27px;
top:37px;
width:766px;
height:72px;
z-index:1;
}
Attached Images
File Type: jpg ie7.JPG (2.2 KB, 13 views)
Roc is offline   Reply With Quote
Sponsored Links