Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 4 of 4

Thread: Centering help

  1. 10-02-2007, 12:44 AM #1
    PinkFM's Avatar
    PinkFM
    PinkFM is offline Greater Member
    Join Date
    Jul 2006
    Location
    England
    Posts
    610
    Tokens
    0

    Default Centering help

    Okay, heres the code for my index page...How do I make it so the layout is in the center?

    HTML Code:
    <!-- saved from url=(0014)about:internet -->
<html>
<head>
<title>HabboChart</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="FW MX CSS Layer">
<style type="text/css">
<!--
body {
 background-image: url(hw_val_bgpattern_love.gif);
}
-->
</style>
<link href="main.css" rel="stylesheet" type="text/css"></head>
<body bgcolor="#ffffff">
    <script type="text/javascript">
/***********************************************
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["main"]
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}
function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}
function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}
if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
</script>
<div id="indexr1c1" style="position:absolute; left:0px; top:0px;width:750px; height:24px;z-index:1; visibility:visible;">
  <div align="center"><img name="index_r1_c1" src="index_r1_c1.gif" width="750" height="24" border="0"></div>
</div>
<div id="indexr2c1" style="position:absolute; left:0px; top:24px;width:336px; height:137px;z-index:2; visibility:visible;">
  <div align="center"><img name="index_r2_c1" src="index_r2_c1.gif" width="336" height="137" border="0"></div>
</div>
<div id="indexr2c5" style="position:absolute; left:336px; top:24px;width:387px; height:79px;z-index:3; visibility:visible; background-image:url(index_r2_c5.gif)">
  <div align="center"><span class="style2">Radio will be placed here shortly </span></div>
</div>
<div id="indexr2c7" style="position:absolute; left:723px; top:24px;width:27px; height:79px;z-index:4; visibility:visible;">
  <div align="center"><img name="index_r2_c7" src="index_r2_c7.gif" width="27" height="79" border="0"></div>
</div>
<div id="indexr3c5" style="position:absolute; left:336px; top:103px;width:414px; height:58px;z-index:5; visibility:visible;">
  <div align="center"><img name="index_r3_c5" src="index_r3_c5.gif" width="414" height="58" border="0"></div>
</div>
<div id="indexr4c1" style="position:absolute; left:0px; top:161px;width:17px; height:439px;z-index:6; visibility:visible;">
  <div align="center"><img name="index_r4_c1" src="index_r4_c1.gif" width="17" height="439" border="0"></div>
</div>
<div id="indexr4c2" style="position:absolute; left:17px; top:161px;width:146px; height:188px;z-index:7; visibility:visible; background-image:url(index_r4_c2.gif)"></div>
<div id="indexr4c3" style="position:absolute; left:163px; top:161px;width:53px; height:439px;z-index:8; visibility:visible;">
  <div align="center"><img name="index_r4_c3" src="index_r4_c3.gif" width="53" height="439" border="0"></div>
</div>
<div id="indexr4c4" style="position:absolute; left:216px; top:161px;width:506px; height:420px;z-index:9; visibility:visible; background-image:url(index_r4_c4.gif)">
  <iframe id="main" src="home.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"></iframe>
</div>
<div id="indexr4c6" style="position:absolute; left:722px; top:161px;width:28px; height:439px;z-index:10; visibility:visible;">
  <div align="center"><img name="index_r4_c6" src="index_r4_c6.gif" width="28" height="439" border="0"></div>
</div>
<div id="indexr5c2" style="position:absolute; left:17px; top:349px;width:146px; height:69px;z-index:11; visibility:visible;">
  <div align="center"><img name="index_r5_c2" src="index_r5_c2.gif" width="146" height="69" border="0"></div>
</div>
<div id="indexr6c2" style="position:absolute; left:17px; top:418px;width:146px; height:109px;z-index:12; visibility:visible; background-image:url(index_r6_c2.gif)"></div>
<div id="indexr7c2" style="position:absolute; left:17px; top:527px;width:146px; height:73px;z-index:13; visibility:visible;">
  <div align="center"><img name="index_r7_c2" src="index_r7_c2.gif" width="146" height="73" border="0"></div>
</div>
<div id="indexr8c4" style="position:absolute; left:216px; top:581px;width:506px; height:19px;z-index:14; visibility:visible;">
  <div align="center"><img name="index_r8_c4" src="index_r8_c4.gif" width="506" height="19" border="0"></div>
</div>
</body>
</html>

  2. 10-02-2007, 12:36 PM #2
    Ini
    Ini is offline Gold Member
    Join Date
    Sep 2006
    Posts
    2,114
    Tokens
    0

    Latest Awards:

    1000 Posts
    Total Awards: 1

    Default

    site link?
    Looking for a good desiner to design a social networking template.

    PM me.
  3. 10-02-2007, 12:52 PM #3
    Blob
    Blob is offline Banned
    Join Date
    Dec 2006
    Location
    Swindon
    Posts
    3,299
    Tokens
    215
    Habbo
    dunko

    Latest Awards:

    2500 Posts Forum Updates Award Habbox Donator
    Total Awards: 5

    Default

    HTML Code:
    <!-- saved from url=(0014)about:internet -->
<html>
<head>
<title>HabboChart</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="FW MX CSS Layer">
<style type="text/css">
<!--
body {
 background-image: url(hw_val_bgpattern_love.gif);
}
-->
</style>
<link href="main.css" rel="stylesheet" type="text/css"></head>
<body bgcolor="#ffffff">
    <script type="text/javascript">
/***********************************************
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["main"]
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}
function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}
function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}
if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
</script>
<div align="center">
<div id="indexr1c1" style="position:absolute; left:0px; top:0px;width:750px; height:24px;z-index:1; visibility:visible;">
  <div align="center"><img name="index_r1_c1" src="index_r1_c1.gif" width="750" height="24" border="0"></div>
</div>
<div id="indexr2c1" style="position:absolute; left:0px; top:24px;width:336px; height:137px;z-index:2; visibility:visible;">
  <div align="center"><img name="index_r2_c1" src="index_r2_c1.gif" width="336" height="137" border="0"></div>
</div>
<div id="indexr2c5" style="position:absolute; left:336px; top:24px;width:387px; height:79px;z-index:3; visibility:visible; background-image:url(index_r2_c5.gif)">
  <div align="center"><span class="style2">Radio will be placed here shortly </span></div>
</div>
<div id="indexr2c7" style="position:absolute; left:723px; top:24px;width:27px; height:79px;z-index:4; visibility:visible;">
  <div align="center"><img name="index_r2_c7" src="index_r2_c7.gif" width="27" height="79" border="0"></div>
</div>
<div id="indexr3c5" style="position:absolute; left:336px; top:103px;width:414px; height:58px;z-index:5; visibility:visible;">
  <div align="center"><img name="index_r3_c5" src="index_r3_c5.gif" width="414" height="58" border="0"></div>
</div>
<div id="indexr4c1" style="position:absolute; left:0px; top:161px;width:17px; height:439px;z-index:6; visibility:visible;">
  <div align="center"><img name="index_r4_c1" src="index_r4_c1.gif" width="17" height="439" border="0"></div>
</div>
<div id="indexr4c2" style="position:absolute; left:17px; top:161px;width:146px; height:188px;z-index:7; visibility:visible; background-image:url(index_r4_c2.gif)"></div>
<div id="indexr4c3" style="position:absolute; left:163px; top:161px;width:53px; height:439px;z-index:8; visibility:visible;">
  <div align="center"><img name="index_r4_c3" src="index_r4_c3.gif" width="53" height="439" border="0"></div>
</div>
<div id="indexr4c4" style="position:absolute; left:216px; top:161px;width:506px; height:420px;z-index:9; visibility:visible; background-image:url(index_r4_c4.gif)">
  <iframe id="main" src="home.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"></iframe>
</div>
<div id="indexr4c6" style="position:absolute; left:722px; top:161px;width:28px; height:439px;z-index:10; visibility:visible;">
  <div align="center"><img name="index_r4_c6" src="index_r4_c6.gif" width="28" height="439" border="0"></div>
</div>
<div id="indexr5c2" style="position:absolute; left:17px; top:349px;width:146px; height:69px;z-index:11; visibility:visible;">
  <div align="center"><img name="index_r5_c2" src="index_r5_c2.gif" width="146" height="69" border="0"></div>
</div>
<div id="indexr6c2" style="position:absolute; left:17px; top:418px;width:146px; height:109px;z-index:12; visibility:visible; background-image:url(index_r6_c2.gif)"></div>
<div id="indexr7c2" style="position:absolute; left:17px; top:527px;width:146px; height:73px;z-index:13; visibility:visible;">
  <div align="center"><img name="index_r7_c2" src="index_r7_c2.gif" width="146" height="73" border="0"></div>
</div>
<div id="indexr8c4" style="position:absolute; left:216px; top:581px;width:506px; height:19px;z-index:14; visibility:visible;">
  <div align="center"><img name="index_r8_c4" src="index_r8_c4.gif" width="506" height="19" border="0"></div>
</div>
</div>
</body>
</html>
  4. 10-02-2007, 01:31 PM #4
    PinkFM's Avatar
    PinkFM
    PinkFM is offline Greater Member
    Join Date
    Jul 2006
    Location
    England
    Posts
    610
    Tokens
    0

    Default

    I edited the site a bit and put the <div align="center"> in.
    But it's still not central...http://www.noneck.vzz.net/

« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules