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 ***************************/
Expand|Select|Wrap|Line Numbers
- body{
- margin:0px;
- width:100%;
- background:#000000;
- }
- #wrapper{
- width:1003px;
- height:100px;
- margin:0 auto;
- }
- #maintable{
- width:993px;
- margin:5px 5px 0px 5px;
- }
- #lft{
- background:url(../images/lftcurve_top.gif) 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.gif) 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;
- }
/************************** html ***************/[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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