Div Tag Centering

admin · Jan 9, 2008

Does anyone know how to use a div tag to pop open a webpage so that's centered within the browser? I'm specifically trying to center a flash movie within a browser.I'm not positive but I think with a <div> you can only align horizontally. If you want to center something put it in a table. 
 
I hope this helps!! 
SirWebI am not sure what you are asking . . . 
 
Are you trying to center a flash movie in the middle of a page? 
 
Or are you trying to open a popup window containing a flash movie that is centered in the middle of the page? 
 
-beththis (<a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=7688&highlight=popup">http://www.htmlforums.com/showthread.ph ... ight=popup</a>) might help! 
 
let me know if it works for you! 
chris<pixelmonkey>:monkey:<html> 
<head> 
<title>untitled</title> 
<style type="text/css"> 
 
#flashBox { 
position:absolute; 
border:5px #fbb917 inset; 
visibility:hidden; 
} 
 
</style> 
<script type="text/javascript" language="JavaScript"> 
 
function getElement(id) { 
return document.all ? document.all(id) : 
document.getElementById ? document.getElementById(id) : 
document.layers ? document.layers[id] : 
null; 
} 
 
function getClientWidth() { 
if (window.innerWidth) return innerWidth; 
if (document.body) return document.body.clientWidth; 
} 
 
function getClientHeight() { 
if (window.innerHeight) return innerHeight; 
if (document.body) return document.body.clientHeight; 
} 
 
function show(el) { 
if (el.style) el.style.visibility = 'visible'; 
else if (el.visibility) el.visibility = 'show'; 
} 
 
function centerBox(box_id, Xoffset, Yoffset) { 
Xoffset = Xoffset ? Xoffset : 0; 
Yoffset = Yoffset ? Yoffset : 0; 
var el = getElement(box_id); 
if (!el) return; 
if (!document.layers) { 
el.style.left = (getClientWidth()/2 - el.offsetWidth/2) + Xoffset; 
el.style.top = (getClientHeight()/2 - el.offsetHeight/2) + Yoffset; 
} else { 
el.moveTo((getClientWidth()/2 - el.clip.width/2) + Xoffset, 
(getClientHeight()/2 - el.clip.height/2) + Yoffset); 
} 
show(el); 
} 
 
window.onload = function() {centerBox('flashBox')} 
 
</script> 
</head> 
<body bgcolor="#c35617"> 
 
<div id="flashBox"> 
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://Download .macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="180" height="320"><param name=movie value="http://www.flashkit.com/tutorials/Actionscripting/Expert/Building-Morten_B-529/building_a_tsunami.swf"><param name=quality value=high><embed src=http://www.htmlforums.com/archive/index.php/"http://www.flashkit.com/tutorials/Actionscripting/Expert/Building-Morten_B-529/building_a_tsunami.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/Download /index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="180" height="320"></embed></object> 
</div> 
 
</body> 
</html>

Div Tag Centering

admin

Administrator