Here I have used some .css style for my asp.net webpage. It is displaying nice in firefox and chrome and not in Internet Explorer.
css code:
body
{
margin: 0;
padding: 0;
}
#main
{
width:auto;
}
#left
{
margin:0;
padding: 0;
float:left;
}
#right
{
margin:0;
padding: 0;
}
#video
{
margin:0;
padding: 0;
}
#righta
{
margin:0;
padding: 0;
float:left;
}
#rightb
{
margin:0;
padding: 0;
}
#rightthird
{
margin:0;
padding: 0;
}
#bottom
{
margin:0;
padding: 0;
}
ASP.NET code :
<%@ Page Language="C#" AutoEventWireup="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>News</title>
<link href="news.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="main">
<div id="left">
<asp:Image ID="imgleft" runat="server" ImageUrl="~/news/left.jpg"
Height="600px" Width="400px" />
</div>
<div id="right">
<div id="video">
<asp:Image ID="imgvideo" runat="server" ImageUrl="~/news/vid.jpg" />
</div>
<div id="righta">
<asp:Image ID="imgrighta" runat="server" Height="150px"
ImageUrl="~/news/ra.jpg" Width="300px" />
</div>
<div id="rightb">
<asp:Image ID="imgrightb" runat="server" Height="150px"
ImageUrl="~/news/rb.jpg" Width="300px" />
</div>
<div id="rightthird">
<asp:Image ID="imgrightthird" runat="server" Height="100px"
ImageUrl="~/news/rt.jpg" Width="600px" />
</div>
</div>
<div id="bottom">
<asp:Image ID="imgbottom" runat="server" Height="50px"
ImageUrl="~/news/bottom.jpg" Width="1000px" />
</div>
</div>
</form>