|
|
Posted by joker on 08/25/07 14:20
Look at this example:
body {
background-color:black;
text-align:center;
}
html,body{margin:0; padding: 0; height:100%;}
div#Container{
position:relative;
text_align: center;
width: 800px;
height: 100%;
left: 0;
border: 0;
padding: 0;
background-color: #FFF;
}
div#Container_left{
position:absolute;
width: 150px;
height: 100%;
left: 0;
top: 0;
border: 0;
padding: 0;
margin: 0;
background-color: #f00;
color: #fff;
}
div#Container_central{
position:absolute;
left: 0;
top: 0;
text_align: center;
width: 500px;
height: 1000px;
border: 0;
padding: 0;
margin: 0;
margin-left: 150px;
background-color: #0f0;
color: #fff;
}
div#Container_right{
position:absolute;
left: 0;
top: 0;
text_align: center;
width: 150px;
height: 200px;
border: 0;
padding: 0px 0px 0px 50px;
margin: 0;
margin-left: 650px;
background-color: #00f;
color: #fff;
}
div#Footer{
position:relative;
width: 100%;
height: 20px;
left:0;
background-color: #FF5604;
color:white;
}
</style>
</head>
<body>
<div id="Container">
<div id="Container_left">left div</div>
<div id="Container_central">central div</div>
<div id="Container_right">right div</div>
</div>
<div id="Footer">
Footer
</div>
</body>
</html>
what is wrong here? can you see the footer position on your browser?
where is it? I use ie 6xxx.... on xp
Navigation:
[Reply to this message]
|