12-07-2006, 08:37 AM
|
#1 (permalink)
|
|
Junior Member
Join Date: Oct 2006
Posts: 3
|
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;
}
|
|
|
|
|
12-07-2006, 09:59 AM
|
#2 (permalink)
|
|
FrozenWD.Com Owner
Join Date: Nov 2006
Posts: 110
|
Re: Gap between rows in IE7
I would check the image, make sure there is no white space on the image, thats what it looks like..
__________________
Looking for a cheap and affordable web design business? Try checking out www.frozenwd.com We supply very cheap and reliable websites for businesses! You tell us what you want, and you get what you want! How much better could it get?
|
|
|
|
|
12-07-2006, 10:51 AM
|
#3 (permalink)
|
|
Junior Member
Join Date: Oct 2006
Posts: 3
|
Re: Gap between rows in IE7
Nope there is none. The screenshot below is of the same page in ff2
Last edited by Roc : 12-07-2006 at 10:59 AM.
|
|
|
|
|
12-07-2006, 06:29 PM
|
#4 (permalink)
|
|
FrozenWD.Com Owner
Join Date: Nov 2006
Posts: 110
|
Re: Gap between rows in IE7
thanks for reporting the topics Roc! 
__________________
Looking for a cheap and affordable web design business? Try checking out www.frozenwd.com We supply very cheap and reliable websites for businesses! You tell us what you want, and you get what you want! How much better could it get?
|
|
|
|
|
12-09-2006, 01:45 AM
|
#5 (permalink)
|
|
Junior Member
Join Date: Oct 2006
Posts: 18
|
Re: Gap between rows in IE7
I haven't used CSS on tables much, but if the <td> elements get treated like a <div> element, then by being styled it may be getting a default border, margin, and/or padding of 1.
Try explicitly setting all of your borders padding and margin explicitly to 0 for the .descex class.
|
|
|
|
|
12-09-2006, 09:04 AM
|
#6 (permalink)
|
|
Junior Member
Join Date: Oct 2006
Posts: 3
|
Re: Gap between rows in IE7
hey thanks for the reply. I tried what you said and that doesnt help either. I guess ill just go put that bar in a separate layer. no headbanging, end of story!
|
|
|
|
|
12-14-2006, 10:06 PM
|
#7 (permalink)
|
|
Junior Member
Join Date: Dec 2006
Posts: 1
|
Amazing Conversation on your site
Hello all!
This is my first time on this site.
I would like to tell what I really like the topic "http://www.webmasterforums.com/?s".
I've been reading it for a while, and I have learned so much here.
So, I decided to try my luck asking a few questions...
How can you IM, PM or whatever you call it to certain members? .
I'd like to ask more questions about this project.
By the way, nice domain name www.webmasterforums.com. |
|
|
|
|
12-15-2006, 09:50 AM
|
#8 (permalink)
|
|
FrozenWD.Com Owner
Join Date: Nov 2006
Posts: 110
|
Re: Gap between rows in IE7
This seems a little fishy... But, if you give me the username I'll send you to the link
__________________
Looking for a cheap and affordable web design business? Try checking out www.frozenwd.com We supply very cheap and reliable websites for businesses! You tell us what you want, and you get what you want! How much better could it get?
|
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
 Linear Mode
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
Points Per Thread View: 1.00
Points Per Thread: 11.00
Points Per Reply: 5.00
|
|
|
|
|
