December 7th, 2012, 11:39 PM
|
|
Registered User
|
|
Join Date: Oct 2009
Posts: 2
Time spent in forums: 19 m 17 sec
Reputation Power: 0
|
|
|
Problem with CSS container box
Hello Everyone, and thanks ahead of time for any help 
I'm having a problem with a page, my CSS container is cut off at the bottom left, I think it has something to do with my iframe auto resize script. Any help would be appreciated, I'm stumped!
Example:
(URL address blocked: See forum rules)=dtcemail
Code:
<CENTER><IMG SRC="/n0csw.png"></CENTER>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"(URL address blocked: See forum rules)">
<html xmlns="(URL address blocked: See forum rules)"
xml:lang="en"
lang="en">
<head>
<title>
n0csw.com hosting control panel
</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta name="title" content="n0csw.com Hosting" />
<style type="text/css">
* {margin: 0; padding: 0; text-align: center;}
html{height:100%; margin:0; }
body{height:100%;margin:0; font: 12px Arial, Helvetica, sans-serif; color: #000000; }
html>body #container {height: auto; }
a { color: #105278; }
a:hover { color: #000000; }
h1{text-decoration:none; text-align:center;}
#container { margin: 0 auto; width: 900px; border: 1px solid #000; }
.top{padding:15% 0 0 0 ; text-align:center;}
.message{padding:1% 5% 1% 5%; text-align:center;}
.footer{width:98%; text-align:center; position:absolute; bottom:0; padding:1%; }
.italics{font-style:italic;}
ul#list-nav { margin:0px; padding:0px; list-style:none; width:910px; text-align:center;}
ul#list-nav li { display:inline }
ul#list-nav li a { text-decoration:none; padding:0px 0; width:150px; background:#485e49; color:#eee; float:left; }
ul#list-nav li a { text-align:center; border-left:0px solid #fff; }
ul#list-nav li a:hover { background:#a2b3a1; color:#000 }
</style>
<script>
function setFrmHeight(){
frheight=(document.documentElement.offsetHeight);
document.getElementById("FRAME_ID").style.height=(frheight+"px");
document.getElementById("FRAMEDIV_ID").style.display="block";
}
</script>
</head>
<body onload="setFrmHeight();" onresize="setFrmHeight();">
<div id="container">
<UL id="list-nav">
<li> <a href="?">Home</a></li>
<li><a href="?sousrub=dtc">Web Hosting Control Panel</a></li>
<li><a href="?sousrub=dtcemail">E-mail Control Panel</a></li>
<li><a href="?sousrub=squirrelmail">Webmail</a></li>
<li><a href="?sousrub=phpmyadmin">PhpMyAdmin (MySQL)</a></li>
<li><a href="?sousrub=register">New account</a></li>
<div id="FRAMEDIV_ID" style="width:90%;height:90%;display:none;">
<iframe id="FRAME_ID" allowtransparency="true" overflow="visible" frameborder="0" src="//control.n0csw.com/dtc/" width="100%"> </iframe>
</div>
</div>
</div>
</body>
</html>
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
