Posts: 377
Name: Venkat Raj
Location: Salem, South India
|
Hi i have a problem IE. it gives some white space between two floated layers (right and left) in a three coloumn layout.
Code:
<!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" />
<title>Untitled Document</title>
<style type="text/css">
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background-color:#000000;
margin:0px;
padding:0px;
}
#container
{
width:780px;
height:auto;
background-color:#FFFFFF;
margin:0px auto;
padding:0px;
}
#leftshadow
{
float:left;
background-color:#CCCCCC;
height:600px;
width:15px;
padding:0px;
margin:0px;
}
#rightshadow
{
float:right;
background-color:#CCCCCC;
height:600px;
width:15px;
padding:0px;
margin:0px;
}
#header
{
padding:0px;
margin:0px;
height:100px;
background-color:#99CCFF;
}
#banner
{
padding:0px;
margin:0px;
height:150px;
background-color:#99CC00;
}
#rightcol
{
padding:0px;
margin:0px;
height:300px;
width:150px;
float:right;
background-color:#FFFFCC;
}
#welcome
{
border-bottom:1px solid #333333;
height:100px;
}
#whatwedo
{
height:100px;
width:100px;
background-color:#CCCCFF;
float:left;
}
</style>
</head>
<body>
<div id="container">
<div id="leftshadow"> </div>
<div id="rightshadow"> </div>
<div id="header"></div>
<div id="banner"></div>
<div id="rightcol"></div>
<div id="welcome"> content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here </div>
<div id="whatwedo"></div>
adssafd
</div>
</body>
</html>
LadynRed Help please
__________________
All the Buddhas of all the ages have been telling you a very simple fact: Be -- don't try to become.
|
