Hoi,
Ik heb een habbo fansite. http://habway.v3host.nl
En ben een beginnende baser.
en ik dacht laat ik zelf is een layout gaan maken een gaan basen.
Maar als ik inlog komt de content helemaal naar onder.
Ik hoop dat iemand me kan helpen.
Hier staat de CSS code.
PHP
body
{
margin: 0;
padding: 0;
font-size: 10px;
font-family: Verdana;
background-image: url("images/bg.png");
}
#container
{
width: 637px;
margin: 10px auto;
}
#header
{
width: 637px;
height:112px;
background-image: url("images/header.gif");
}
#menutop
{
width: 189px;
height: 31px;
margin: 0px 0px 0px 0px;
background-image: url("images/menu_top.gif");
}
#menumid
{
width: 189px;
height: auto;
margin: 0px 0px 0px 0px;
background-image: url("images/menu_mid.gif");
}
#menubot
{
width: 189px;
height: 23px;
margin: 0px 0px 0px 0px;
background-image: url("images/menu_bot.PNG");
}
#contenttop
{
float: right;
margin-top: -277px;
width: 440px;
height: 31px;
background-image: url("images/content_top.gif");
}
#contentmid {
float: right;
width: 436px;
margin-top: -246px;
padding: 72px 0px;
background: #FFF;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}
#contentbot
{
float: right;
margin-top: auto;
width: 440px;
height: 25px;
background-image: url("images/content_bot.PNG");
}
#footer
{
float: right;
margin-top: 15px;
width: 600px;
height: 64px;
background-image: url("");
}Html:
PHP
<!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" lang="nl" xml:lang="nl">
<head>
<title>Habway ~ V3</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="container">
<div id="header"><br><br><br><br><br><br> <img src="http://www.algemeenhabbo.nl/font/occasional/Habway.gif" width="148" height="34" alt=""></div>
<div id="menutop"><br><center><img src="http://www.algemeenhabbo.nl/font/normaal/Laaste nieuws.gif" width="86" height="13" alt=""></center></div>
<div id="menumid"><center>Integer non mi ac tortor luctus pretium. Etiam ultrices, turpis non blandit ullamcorper, velit enim luctus nisi, sit amet congue lorem dui eu ipsum. Suspendisse tincidunt erat sit amet massa sollicitudin ut porta massa placerat. Vivamus sed orci neque.</center></div>
<div id="menutop"><br><center><img src="http://www.algemeenhabbo.nl/font/normaal/Navigatie.gif" width="55" height="13" alt=""></center></div>
<div id="menumid"><center>Integer non mi ac tortor luctus pretium. Etiam ultrices, turpis non blandit ullamcorper, velit enim luctus nisi, sit amet congue lorem dui eu ipsum. Suspendisse tincidunt erat sit amet massa sollicitudin ut porta massa placerat. Vivamus sed orci neque.</center></div>
<div id="menubot"></div>
<div id="contenttop"><br><center><img src="http://www.algemeenhabbo.nl/font/normaal/content.gif" width="48" height="13" alt=""></center></div>
<div id="contentmid"><center>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet ornare libero, in malesuada urna pharetra ac. Vestibulum placerat dignissim blandit. Suspendisse potenti. Etiam a ultrices neque. Proin auctor mattis quam et consectetur. Aliquam sed gravida felis. Integer non mi ac tortor luctus pretium. Etiam ultrices, turpis non blandit ullamcorper, velit enim luctus nisi, sit amet congue lorem dui eu ipsum. Suspendisse tincidunt erat sit amet massa sollicitudin ut porta massa placerat. Vivamus sed orci neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet ornare libero, in malesuada urna pharetra ac. Vestibulum placerat dignissim blandit. Suspendisse potenti. Etiam a ultrices neque. Proin auctor mattis quam et consectetur. Aliquam sed gravida felis. Integer non mi ac tortor luctus pretium. Etiam ultrices, turpis non blandit ullamcorper, velit enim luctus nisi, sit amet congue lorem dui eu ipsum. Suspendisse tincidunt erat sit amet massa sollicitudin ut porta massa placerat. Vivamus sed orci neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet ornare libero, in malesuada urna pharetra ac. Vestibulum placerat dignissim blandit. Suspendisse potenti.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet ornare libero, in malesuada urna pharetra ac. Vestibulum placerat dignissim blandit. Suspendisse potenti. Etiam a ultrices neque. Proin auctor mattis quam et consectetur. Aliquam sed gravida felis. Integer non mi ac tortor luctus pretium. Etiam ultrices, turpis non blandit ullamcorper, velit enim luctus nisi, sit amet congue lorem dui eu ipsum. Suspendisse tincidunt erat sit amet massa sollicitudin ut porta massa placerat. Vivamus sed orci neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet ornare libero, in malesuada urna pharetra ac. Vestibulum placerat dignissim blandit. Suspendisse potenti. Etiam a ultrices neque.</center></div>
<div id="contentbot"></div>
<br>
<br>
<div id="footer"><center>© Habway is geen onderdeel
van Habbo Hotel of Sulake
Coperation Oy. <br>
Habway - 2010/2011
</center>
</div>
</body>
</html>