Tiny But Frustrating Coding Problem; Help Please...

Discussion in 'HTML & Website Design' started by Colm O'Dwyer, Jul 13, 2007.

0
  1. #1
    Hi All,

    Can someone please cast a fresh eye over the source code at - http://www.colmodwyer.co.uk/salestemplate - There is a tiny gap between the top and middle cell...

    ...And I have no idea how to get rid of it.

    Any advice would be much appreciated.

    Cheers,

    Colm
     
    Colm O'Dwyer, Jul 13, 2007 IP
  2. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #2
    I don`t know about the tables, but here´s how you can do it in css.

    

#top	{
	background: url(top.jpg) no-repeat;
	margin: 0 auto;
	float: left;
	height: 50px;
	width: 750px;
}

#mid	{
	background: url(mid.jpg) repeat-y;
	margin: 0 auto;
	float: left;
	width: 750px;
}

#bot	{
	background: url(bot.jpg) no-repeat;
	margin: 0 auto;
	float: left;
	height: 50px;
	width: 750px;
}

#content {
	background: transparent;
	margin: 0 auto;
	width: 500px;
    Code (markup):

    

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="top">
</div>
<div id="mid">
<div id="content">
</div>
<div id="bot">
</div>
</body>
</html>
    HTML:
    I think your image "top.jpg" isn´t in correct position with the others. There´s a
    1 pixel difference.

    hope this helps.
     
    HDaddy, Jul 14, 2007 IP
  3. Colm O'Dwyer

    Colm O'Dwyer Peon

    Messages:
    72
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Legend HDaddy,

    After hours I eventually managed to get it in IE, but Firefox was still buggered; your coding has sorted all that now.

    Thanks,

    Colm
     
    Colm O'Dwyer, Jul 15, 2007 IP