Hello Guys!
I have posted same thread in other different Web Forums too.
I am making a web page and using <DIV> in CSS. But when I use it in Internet Explore, I find maximum results which I want actually. But when I write same coding in Google Chrome, Firefox and Netscape then It give me pretty different Layout. Can you tell me how can I find same results in all browsers. Here is the coding that I wrote.
Coding starts here:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#main{
width:1024px;
background-color:red;
height:150px;
}
#nav{
width:1024px;
background-color:gray;
height:30px;
margin-bottom:15px;
}
#body{
width:1024px;
background-color:silver;
height:300px;
}
#colone{
width:331.33px;
background-color:white;
height:330px;
display:inline;
}
#coltwo{
width:331.33px;
background-color:white;
height:330px;
margin-left:15px;
display:inline;
}
#colthree{
width:331.33px;
background-color:white;
height:330px;
margin-left:15px;
display:inline;
}
#footer{
width:1024px;
background-color:white;
height:30px;
margin-top:15px;
}
</style>
</head>
<body bgcolor="silver" topmargin="0">
<table summary="" border="0" width="1024" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<div id="main"></div>
<div id="nav"></div>
<div id="body">
<div id="colone"> This Col 1. This Col 1.This Col 1.This Col 1.This Col 1.This Col 1.This Col 1.</div>
<div id="coltwo"> This is Col 2This is Col 2This is Col 2This is Col 2This is Col 2This is Col 2</div>
<div id="colthree">This is Col 3This is Col 3This is Col 3This is Col 3This is Col 3This is Col 3</div>
</div>
<div id="footer"></div>
</td>
</tr>
</table>
</body>
</html>
Coding finishes here:
You can see the results in Pictures that I have uploaded on Rapidshare:
Here is the Layout of IE:
http://rapidshare.com/files/250592606/IE7.JPG.html
Here is the Layout of Google Chrome:
http://rapidshare.com/files/25059308...hrome.JPG.html
Here is the Layout of Firefox:
http://rapidshare.com/files/250593391/Firefox.JPG.html
So you can see the Layouts too. I request all of you to help me fix this problem. I will be grateful to you for this kind act.
Regards,
Qasim Ali
http://qaswallpapers.sitesled.com |
