hi all,
when i am using div tags, i am getting gaps between the divs. please refer the code which i have written. please find free to help me out.
/*************** **** CSS *************** ************/
[code=css]
body{
margin:0px;
width:100%;
background:#000 000;
}
#wrapper{
width:1003px;
height:100px;
margin:0 auto;
}
#maintable{
width:993px;
margin:5px 5px 0px 5px;
}
#lft{
background:url( ../images/lftcurve_top.gi f) no-repeat;
float:left;
width:19px;
height:13px;
}
#topbg{
background:url( ../images/topbg_curve.gif ) repeat-x;
width:955px;
float:left;
height:13px;
}
#rgt{
background:url( ../images/rgtcurve_top.gi f) no-repeat;
float:right;
width:19px;
height:13px;
}
#lftimg{
background:url( ../images/lftimg.gif) no-repeat;
float:left;
width:3px;
height:543px;
}
#bdybg{
background:url( ../images/bdybg.gif) repeat-x;
width:987px;
float:left;
height:600px;
}
#rgtimg{
background:url( ../images/rgtimg.gif) no-repeat;
float:right;
width:3px;
height:543px;
}[/code]
/*************** *************** CSS Ends *************** ****/
/*************** *********** html ***************/[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="includes/scripts/style.css" rel="stylesheet " type="text/css" />
<title>Wivo</title>
</head>
<body>
<div id="wrapper">
<div id="maintable" >
<div id="lft"></div>
<div id="topbg"></div>
<div id="rgt"></div>
<div id="lftimg"></div>
<div id="bdybg"></div>
<div id="rgtimg"></div>
</div>
</div>
</body>
</html>
[/html]
/*************** *********** html ends ***************/
regards,
suren
when i am using div tags, i am getting gaps between the divs. please refer the code which i have written. please find free to help me out.
/*************** **** CSS *************** ************/
[code=css]
body{
margin:0px;
width:100%;
background:#000 000;
}
#wrapper{
width:1003px;
height:100px;
margin:0 auto;
}
#maintable{
width:993px;
margin:5px 5px 0px 5px;
}
#lft{
background:url( ../images/lftcurve_top.gi f) no-repeat;
float:left;
width:19px;
height:13px;
}
#topbg{
background:url( ../images/topbg_curve.gif ) repeat-x;
width:955px;
float:left;
height:13px;
}
#rgt{
background:url( ../images/rgtcurve_top.gi f) no-repeat;
float:right;
width:19px;
height:13px;
}
#lftimg{
background:url( ../images/lftimg.gif) no-repeat;
float:left;
width:3px;
height:543px;
}
#bdybg{
background:url( ../images/bdybg.gif) repeat-x;
width:987px;
float:left;
height:600px;
}
#rgtimg{
background:url( ../images/rgtimg.gif) no-repeat;
float:right;
width:3px;
height:543px;
}[/code]
/*************** *************** CSS Ends *************** ****/
/*************** *********** html ***************/[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="includes/scripts/style.css" rel="stylesheet " type="text/css" />
<title>Wivo</title>
</head>
<body>
<div id="wrapper">
<div id="maintable" >
<div id="lft"></div>
<div id="topbg"></div>
<div id="rgt"></div>
<div id="lftimg"></div>
<div id="bdybg"></div>
<div id="rgtimg"></div>
</div>
</div>
</body>
</html>
[/html]
/*************** *********** html ends ***************/
regards,
suren
Comment