Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Position div according to screen resolution


birdbrain - 9:32 am on Aug 26, 2012 (gmt 0)


Hi there prasanth_v,

and a warm welcome to these forums. ;)

Try it like this...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Untitled Document</title>

<style type="text/css">
#left {
float:left;
width:130px;
height:480px;
padding:10px;
background-color:#0fc;
text-align:center;
}
#right {
float:right;
width:130px;
height:480px;
padding:10px;
background-color:#933;
text-align:center;
}
#middle {
height:480px;
padding:10px;
margin:0 150px;
background-color:#f00;
text-align:center;
}
</style>

</head>
<body>

<div id="left">left</div>

<div id="right">right</div>

<div id="middle">middle</div>

</body>
</html>



birdbrain


Thread source:: http://www.webmasterworld.com/css/4488366.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com