<BODY id=index>
<IFRAME id="iframe1" name="iframe1" SRC=http://www.webdeveloper.com/forum/archive/index.php/"iframe1.htm" scrolling="no" frameborder="0"></IFRAME>
</BODY>
#index{background-color:#cccccc;
text-align:center;
vertical-align:middle;}
cant get the frame in the middle ?
How do you do that ?I see you meant vertical...I will eventually learn to read, I promise.
i ment in the middle verticaly. Centering the iframe works perfectly in IE and firefox its the up and down i would like to see in the middle 
Originally posted by gert cuykens
i ment in the middle verticaly. Centering the iframe works perfectly in IE and firefox its the up and down i would like to see in the middle I imagine if you could make a div 100% vertical then you'd have your answer. #topspace{height:50%;}
it works except it is not really the middle, its below the middle how can i make topspace the middle off the iframe ?margin:-(insert half the height here) 0 0 0;
for example:
<style>
#blue{
height:400px;
width:300px;
top:50%;
margin: -200px 0 0 0;
}
</style>
<div id="blue">This is a div</div>well that almost works in IE if you add postion: relative; except when the window gets to little it hides the top of the page
it doesnt work at all in firefox becuase of the -200Hmm... post your code so far, and I'll take a look at it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv="Content-Type" content="text/html" charset="ISO-8859-1"/>
<meta name="author" content=""/>
<meta name="date" content=""/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"css/all.css" media="all"/>
</HEAD>
<BODY id=index>
<IFRAME id="iframe1" name="iframe1" SRC=http://www.webdeveloper.com/forum/archive/index.php/"iframe1.htm" scrolling="no" frameborder="0"></IFRAME>
</BODY>
</HTML>BODY {margin:0px;}
#index{background-color:#cccccc;
text-align:center;}
#iframe1 {background-color:white;
text-align:left;
width:800px;
height:600px;
position:absolute;
top:50%;
margin-top:-300px;}
<IFRAME id="iframe1" name="iframe1" SRC=http://www.webdeveloper.com/forum/archive/index.php/"iframe1.htm" scrolling="no" frameborder="0"></IFRAME>
</BODY>
#index{background-color:#cccccc;
text-align:center;
vertical-align:middle;}
cant get the frame in the middle ?
How do you do that ?I see you meant vertical...I will eventually learn to read, I promise.
i ment in the middle verticaly. Centering the iframe works perfectly in IE and firefox its the up and down i would like to see in the middle Originally posted by gert cuykens i ment in the middle verticaly. Centering the iframe works perfectly in IE and firefox its the up and down i would like to see in the middle
I imagine if you could make a div 100% vertical then you'd have your answer. #topspace{height:50%;}it works except it is not really the middle, its below the middle
how can i make topspace the middle off the iframe ?margin:-(insert half the height here) 0 0 0;for example:
<style>
#blue{
height:400px;
width:300px;
top:50%;
margin: -200px 0 0 0;
}
</style>
<div id="blue">This is a div</div>well that almost works in IE if you add postion: relative;
except when the window gets to little it hides the top of the pageit doesnt work at all in firefox becuase of the -200Hmm... post your code so far, and I'll take a look at it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv="Content-Type" content="text/html" charset="ISO-8859-1"/>
<meta name="author" content=""/>
<meta name="date" content=""/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"css/all.css" media="all"/>
</HEAD>
<BODY id=index>
<IFRAME id="iframe1" name="iframe1" SRC=http://www.webdeveloper.com/forum/archive/index.php/"iframe1.htm" scrolling="no" frameborder="0"></IFRAME>
</BODY>
</HTML>BODY {margin:0px;}
#index{background-color:#cccccc;
text-align:center;}
#iframe1 {background-color:white;
text-align:left;
width:800px;
height:600px;
position:absolute;
top:50%;
margin-top:-300px;}