Hi sir,
i created one HTML file but out will be differing in different browsers. In internet explorer it showing good but it showing different out put in Mozilla firefox. please check this code...
<html>
<head>
<title>padding</title>
<style type="text/css">
body{
width:900px;
background-attachment:scroll;
background-image:url(images/background.jpg);
}
#fullcover{
margin-top:5px;
margin-bottom:5px;
margin-left:50px;
margin-right:50px;
width:800px;
border:1px solid;
}
#toppart{
height:25px;
background-color:#CC33FF;
width:800px;
text-align:right;
padding-right:3px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:16px;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
}
#toppart1{
height:90px;
width:800px;
background-color:#999966;
border:1px solid;
}
.style1{
font-family:"Times New Roman", Times, serif;
font-size:24px;
padding-right:600px;
padding-top:40px;
padding-bottom:10px;
padding-left:5px;
}
#toppart2{
width:800px;
height:40px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid;
}
.style2{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:35px;
text-decoration:none;
color:#CC3300;
}
#toppart3{
height:25px;
padding:1px;
background-color:#0066CC;
font-size:18px;
font-weight:bold;
border:1px solid;
width:800px;
}
#mainpart{
width:800px;
padding:1px;
background-color:#999966;
height:60px;
}
#mainpart2{
width:800px;
padding:1px;
background-color:#999966;
}
#midpartleft{
margin-top:2px;
margin-bottom:2px;
height:30px;
float:left;
background-color:#999966;
border:0px solid;
text-indent:40px;
height:300px;
}
.rightpart{
float:right;
padding-right:5px;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
width:450px;
}
#midpart2{
margin-top:2px;
margin-bottom:2px;
height:30px;
width:800px;
background-color:#999966;
border:1px solid;
text-indent:40px;
}
.style3{
background-color:#99FF00;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:1px;
padding-top:10px;
padding-bottom:10px;
color:#333366;
}
.lastpart{
margin-top:5px;
margin-bottom:2px;
height:60px;
width:300px;
background-color:#999966;
border:0px solid;
float:left;
}
#finalpart{
margin-top:2px;
margin-bottom:0px;
height:30px;
width:800px;
background-color:#FFFFCC;
border:1px solid;
text-align:right;
padding-top:20px;
}
a.link{
color:#009900;
text-decoration:none;
}
a.visited{
color:#999999;
text-decoration:none;
}
a.hover{
color:#00CCCC;
}
a.active{
color:#009900;
text-decoration:none;
}
</style>
</head>
<body>
<div id="fullcover">
<div id="toppart">login</div>
<div id="toppart1" class="style1">SILICON INDIA</div>
<div id="toppart2">
<a href="#" class="style2">Home</a>
<a href="#" class="style2">About Us</a>
<a href="#" class="style2">Discussion Board</a>
<a href="#" class="style2">My Assignments</a>
<a href="#" class="style2">Tests</a>
</div>
<div id="toppart3">About Us</div>
<div id="mainpart">
<div id="midpartleft">
<img src="images/silicon.jpg">
</div>
<div class="rightpart"><p>We know that career growth have different perspective for different people. For some it means reading up on the latest developments in their industry, for some it means changing jobs, and for others it means connecting with industry experts.
We believe that you accelerate your career through.So, wherever you fit, SillconIndia has you covered. We have over 2 Million members, and we see more than 50,000 new members added every week - that´s 50,000 new personalities, new skills, and new connections - each week.
SiliconIndia is India´s largest community of professionals and there´s a LOT of collective knowledge that can help accelerate our careers.throw:</p>
</div></div>
<div id="midpart2">
<div class="style3">WHAT IS PADDING</div>
<p>Padding is the distance between border of an HTML element and the content within it </p>
<p> Margin properties declares the margin between an HTML element and elements around it</p>
</div>
<div id="mainpart2">
<div class="style3">PADDING AND MARGIN PROPERTIES</div>
<div class="lastpart">
<ul type="square">
<li>Padding-left</li>
<li>Padding-right</li>
<li>Padding-top</li>
<li>Padding-bottom</li>
</ul>
</div>
<div class="rightpart">
<ul type="square">
<li>Margin-left</li>
<li>Margin-right</li>
<li>Margin-top</li>
<li>Margin-bottom</li>
</ul>
</div>
</div>
<div id="finalpart">Developed and maintained by Papaiah </div>
</div>
</body>
</html>
