Log in

View Full Version : ff/ie difference. gap in IE, not in FF.



nkoplm
06-27-2007, 08:08 AM
http://img87.imageshack.us/img87/5017/wtfya4.png

how can I get rid of the red line? Im stummped on what is going on.

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
<html><head><link rel="stylesheet" href="css.css" type="text/css" /></head><body>

<div id="cbox" >
<img src="images/title.png" class="block" />
<div id="mpanel">
<img src="menu/p.png" />

<img src="menu/spacer.png" alt="" />

...bunch of menu images..


<a href="asdsa"><img src="menu/link4.png"></a>
<img src="images/menu/spacer.png" alt="" />

</div>
<!-- problem is the space btwn these to object-->
<img src="images/pre.png" class="block" alt="" />


...

css:


html body {
background:#FAFAFA;
padding:0px;
margin:0px;
font: 12px arial, sans-serif;
}

img {
padding:0px;
margin:0px;
border:0px;
}

#cbox {
width:700px;
margin:0px 0px 0px -350px;
padding:0px;
position:relative;
left:50%;
background:#DBDBDB;
}

#mpanel {
width:700px;
height:23px;
background:red;
}

.block {
display: block;
}

tech_support
06-27-2007, 09:41 AM
#cbox {
width:700px;
margin:0px 0px 0px -350px;
padding:0px;
position:relative;
left:50&#37;;
background:#DBDBDB;
line-height:0;
}

nkoplm
06-27-2007, 04:27 PM
thanks! edit: err never mind, see next post

nkoplm
06-27-2007, 09:02 PM
uhhh.... oops. that didnt fix it.

When I saw your post, I thought "oh of course, duh." and assumed that the line-height was the problem. As it turns out, it wasn't the problem, and the gap still remains.

ugh. any other ideas?