PDA

View Full Version : Content is moving :S!


Chippiewill
29-09-2007, 09:02 PM
content moving


mmm my content keeps moving

http://www.thehabbies.com/free

Code:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The habbies.com Radio!!!</title>
<style type="text/css">
<!--
/* Free HABBO CSS Layout - This template was created/coded by Invent! of Habbo UK */
body {
background-position: top;
background-image: url(images/backgroundtreees.png);
background-repeat:repeat-x;
background-color: #548d00;
margin-top: 6px;
}
#top {
background-image: url(images/top.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 781px;
max-height: 7px;
min-height: 7px;
}
#middle {
background-image: url(images/middle.gif);
background-repeat: repeat-y;
width: 781px;
}
#bottom {
background-image: url(images/bottom.gif);
background-position: top;
background-repeat: no-repeat;
width: 781px;
height: 7px;
}
#banner {
background-image: url(images/banner.gif);
width: 764px;
height: 126px;
}
#container {
width: 100%;
margin-top: 15px;
text-align: left;
}
#leftcontainer {
text-align: left;
width: 300px;
padding-left: 10px;
}
#rightcontainer {
margin-top: -110px;
margin-left: 248px;
}
/* Box DIVS */
#top_box {
background-image: url(images/left_box_top.gif);
background-repeat: no-repeat;
width: 221px;
height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
padding-top: 6px;
padding-left: 10px;
}
#box_mid {
background-image: url(images/left_box_mid.gif);
background-repeat: repeat-y;
width: 221px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 6px;
padding-right: 6px;
}
#box_bot {
background-image: url(images/left_box_bot.gif);
background-repeat: no-repeat;
width: 221px;
height: 10px;
}
/* End of boxes */
/* //////////// */
/* Content box DIVS */
#content_top {
background-image: url(images/content_box_top.gif);
background-repeat: no-repeat;
width: 523px;
height: 22px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
padding-top: 6px;
padding-left: 8px;
}
#content_mid {
background-image: url(images/content_box_mid.gif);
background-repeat: repeat-y;
width: 533px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
padding-left: 6px;
padding-right: 6px;
}
#content_bot {
background-image: url(images/content_box_bot.gif);
background-repeat: no-repeat;
width: 522px;
height: 10px;
}
/* End of content box divs */
/* ////////////////////// */
/* Disclaimer box */
#disclaimer {
margin-top: 10px;
}
#disc_top {
background-image: url(images/disc_top.gif);
background-position: bottom;
background-repeat: no-repeat;
width: 762px;
height: 11px;
}
#disc_mid {
background-image: url(images/disc_mid.gif);
width: 762px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#disc_bot {
background-image: url(images/disc_bot.gif);
background-position: top;
background-repeat: no-repeat;
width: 762px;
height: 11px;
}
/* Font styles */
#title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #003366;
font-weight: bold;
}
#subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #003366;
}
span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
span a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-style: normal;
text-decoration: none;
}
span a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
span a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-style: normal;
text-decoration: none;
}
#disclaimer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#disclaimer a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
text-decoration: none;
}
#disclaimer a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
#disclaimer a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="sitecontainer" align="center">

<div id="top"></div>

<div id="middle">


<!-- Banner -->
<div id="banner"></div>
<!-- End of banner -->

<!-- Page container -->
<div id="container">
<!-- ///////////////////// -->
<!-- Content box -->
<div id="leftcontainer">
<!-- Navigation box -->
<div id="navigation">
<!-- Top of navigation box (title) -->
<div id="top_box"> &raquo; Navigation </div>
<!-- End of top -->
<!-- Navigation box -->
<div id="box_mid"> <font style="font-size:13px;" color="#000000" face="Arial">
<a href="index.php?page=home">Homepage</a><br><a href="index.php?page=news">News</a><br><a href="http://">Link 3</a><br><a href="">Link 4</a></font></div>
<!-- End of navigation box -->
<!-- Bottom of box -->
<div id="box_bot"></div>
<!-- End of bottom of box -->
</div>
<!-- End of navigation box -->
<div id="spacer" style="padding-top: 10px;"></div>
<!-- Radio player box -->
<div id="rp_box">
<!-- Top of radio player box (title) -->
<div id="top_box"> &raquo; Radio Stats </div>
<!-- End of top -->
<!-- Radio player box -->
<div id="box_mid"> <iframe src="http://www.thehabbies.com/powerpanel/frontend/alerts.php
" frameborder="0" name="alerts" width="0" height="0"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/djsays.php
" frameborder="0" name="alerts" width="200" height="100"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/radio_stats.php
" frameborder="0" name="alerts" width="200" height="100"></iframe>
</div>
<!-- End of radio player box -->
<!-- Bottom of box -->
<div id="box_bot"></div>
<!-- End of bottom of box -->
</div>
<!-- End of radio player box -->
</div>
<div id="rightcontainer">

<div id="content_top">
&raquo; Content
</div>

<div style="padding-right: 100px padding-left: 6px;" id="content_mid">
<?php
if (!isset($page))
{
include("home.htm");
}
if(file_exists($_GET['page'].".php")){
include $_GET['page'].'.php';
}
if(file_exists($_GET['page'].".html")){
include $_GET['page'].'.html';
}
if(file_exists($_GET['page'].".txt")){
include $_GET['page'].'.txt';
}
elseif (isset($page) && !@include("$page"))
{
echo "Error Page not found!";
}
?>

</div>

<div id="content_bot"></div>

</div>

<!-- End of content box-->
</div>
<!-- End of page container -->
<!-- Please do not remove ANY copyright disclaimers on the disclaimer page or on this page -->
<div id="disclaimer">

<div id="disc_top"></div>

<div id="disc_mid">
<? include("disclaimer.php"); ?>
</div>

<div id="disc_bot"></div>

</div>


</div>

<div id="bottom"></div>

</div>
<div id="moo"> <center><?php include("radio1.htm"); ?> </center> </div>

</body>
</html>


Content box keeps moving

any explanations
Chippiewill
29-09-2007, 10:54 PM
sorry bump coz i dont think peeps actually realise this thread exists as 10min after i made it anothother thread was made hiding it. ;(
Eccentric
29-09-2007, 11:01 PM
put that above the navigation code ;)


<div id="content_top">
&raquo; Content
</div>

<div style="padding-right: 100px padding-left: 6px;" id="content_mid">
<?php
if (!isset($page))
{
include("home.htm");
}
if(file_exists($_GET['page'].".php")){
include $_GET['page'].'.php';
}
if(file_exists($_GET['page'].".html")){
include $_GET['page'].'.html';
}
if(file_exists($_GET['page'].".txt")){
include $_GET['page'].'.txt';
}
elseif (isset($page) && !@include("$page"))
{
echo "Error Page not found!";
}
?>

</div>

<div id="content_bot"></div>

</div>

<!-- End of content box-->

that may work
GhostFace-
29-09-2007, 11:03 PM
Hmm im not to good with this stuff but ill have a friend check it out
Chippiewill
29-09-2007, 11:11 PM
bah it wont wrk its to do with sumin easy i bet
Eccentric
29-09-2007, 11:16 PM
set all the content divs to margin: 0 auto; :S
Chippiewill
29-09-2007, 11:20 PM
which margin?

ps if it helps i d=ont mind if the content has to switch sides

edit: just switched the sides no chnage
Eccentric
29-09-2007, 11:24 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The habbies.com Radio!!!</title>
<style type="text/css">
<!--
/* Free HABBO CSS Layout - This template was created/coded by Invent! of Habbo UK */
body {
background-position: top;
background-image: url(images/backgroundtreees.png);
background-repeat:repeat-x;
background-color: #548d00;
margin-top: 6px;
}
#top {
background-image: url(images/top.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 781px;
max-height: 7px;
min-height: 7px;
}
#middle {
background-image: url(images/middle.gif);
background-repeat: repeat-y;
width: 781px;
}
#bottom {
background-image: url(images/bottom.gif);
background-position: top;
background-repeat: no-repeat;
width: 781px;
height: 7px;
}
#banner {
background-image: url(images/banner.gif);
width: 764px;
height: 126px;
}
#container {
width: 100%;
margin-top: 15px;
text-align: left;
}
#leftcontainer {
text-align: left;
width: 300px;
padding-left: 10px;
}
#rightcontainer {
margin-top: -110px;
margin-left: 248px;
}
/* Box DIVS */
#top_box {
background-image: url(images/left_box_top.gif);
background-repeat: no-repeat;
width: 221px;
height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
padding-top: 6px;
padding-left: 10px;
}
#box_mid {
background-image: url(images/left_box_mid.gif);
background-repeat: repeat-y;
width: 221px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 6px;
padding-right: 6px;
}
#box_bot {
background-image: url(images/left_box_bot.gif);
background-repeat: no-repeat;
width: 221px;
height: 10px;
}
/* End of boxes */
/* //////////// */
/* Content box DIVS */
#content_top {
margin: 0 auto;
background-image: url(images/content_box_top.gif);
background-repeat: no-repeat;
width: 523px;
height: 22px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
padding-top: 6px;
padding-left: 8px;
}
#content_mid {
margin: 0 auto;
background-image: url(images/content_box_mid.gif);
background-repeat: repeat-y;
width: 533px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
padding-left: 6px;
padding-right: 6px;
}
#content_bot {
margin: 0 auto;
background-image: url(images/content_box_bot.gif);
background-repeat: no-repeat;
width: 522px;
height: 10px;
}
/* End of content box divs */
/* ////////////////////// */
/* Disclaimer box */
#disclaimer {
margin-top: 10px;
}
#disc_top {
background-image: url(images/disc_top.gif);
background-position: bottom;
background-repeat: no-repeat;
width: 762px;
height: 11px;
}
#disc_mid {
background-image: url(images/disc_mid.gif);
width: 762px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#disc_bot {
background-image: url(images/disc_bot.gif);
background-position: top;
background-repeat: no-repeat;
width: 762px;
height: 11px;
}
/* Font styles */
#title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #003366;
font-weight: bold;
}
#subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #003366;
}
span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
span a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-style: normal;
text-decoration: none;
}
span a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
span a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-style: normal;
text-decoration: none;
}
#disclaimer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#disclaimer a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
text-decoration: none;
}
#disclaimer a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
#disclaimer a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="sitecontainer" align="center">

<div id="top"></div>

<div id="middle">


<!-- Banner -->
<div id="banner"></div>
<!-- End of banner -->

<!-- Page container -->
<div id="container">
<!-- ///////////////////// -->
<!-- Content box -->
<div id="leftcontainer">
<!-- Navigation box -->
<div id="navigation">
<!-- Top of navigation box (title) -->
<div id="top_box"> &raquo; Navigation </div>
<!-- End of top -->
<!-- Navigation box -->
<div id="box_mid"> <font style="font-size:13px;" color="#000000" face="Arial">
<a href="index.php?page=home">Homepage</a><br><a href="index.php?page=news">News</a><br><a href="http://">Link 3</a><br><a href="">Link 4</a></font></div>
<!-- End of navigation box -->
<!-- Bottom of box -->
<div id="box_bot"></div>
<!-- End of bottom of box -->
</div>
<!-- End of navigation box -->
<div id="spacer" style="padding-top: 10px;"></div>
<!-- Radio player box -->
<div id="rp_box">
<!-- Top of radio player box (title) -->
<div id="top_box"> &raquo; Radio Stats </div>
<!-- End of top -->
<!-- Radio player box -->
<div id="box_mid"> <iframe src="http://www.thehabbies.com/powerpanel/frontend/alerts.php
" frameborder="0" name="alerts" width="0" height="0"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/djsays.php
" frameborder="0" name="alerts" width="200" height="100"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/radio_stats.php
" frameborder="0" name="alerts" width="200" height="100"></iframe>
</div>
<!-- End of radio player box -->
<!-- Bottom of box -->
<div id="box_bot"></div>
<!-- End of bottom of box -->
</div>
<!-- End of radio player box -->
</div>
<div id="rightcontainer">

<div id="content_top">
&raquo; Content
</div>

<div style="padding-right: 100px padding-left: 6px;" id="content_mid">
<?php
if (!isset($page))
{
include("home.htm");
}
if(file_exists($_GET['page'].".php")){
include $_GET['page'].'.php';
}
if(file_exists($_GET['page'].".html")){
include $_GET['page'].'.html';
}
if(file_exists($_GET['page'].".txt")){
include $_GET['page'].'.txt';
}
elseif (isset($page) && !@include("$page"))
{
echo "Error Page not found!";
}
?>

</div>

<div id="content_bot"></div>

</div>

<!-- End of content box-->
</div>
<!-- End of page container -->
<!-- Please do not remove ANY copyright disclaimers on the disclaimer page or on this page -->
<div id="disclaimer">

<div id="disc_top"></div>

<div id="disc_mid">
<? include("disclaimer.php"); ?>
</div>

<div id="disc_bot"></div>

</div>


</div>

<div id="bottom"></div>

</div>
<div id="moo"> <center><?php include("radio1.htm"); ?> </center> </div>

</body>
</html>
Content box keeps moving
Chippiewill
29-09-2007, 11:27 PM
that didnt help either ;(
Eccentric
29-09-2007, 11:28 PM
would help if my mate had dreamweaver :| hes snoring his *** off
Chippiewill
29-09-2007, 11:29 PM
lol lazy guts

Want to hide these adverts? Register an account for free!