Hej er igang med et design.. og i Firefox blir det centeret.. men i Internet explore gør det ikke?.. ved i hvorfor
her er min kode:
INDEX.HTML
<?php
ob_start();
session_start();
include_once("mysql_connection.inc.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<link href="css/css.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="ramme">
<div id="top"><div class="banner"><img src="images/bannercopy.jpg" width="468" height="60" /></div>
</div>
<div id="login"><?php
function form()
{
}
if(isset($_SESSION['username']) && isset($_SESSION['password']) && isset($_SESSION['email_address']))
{
include_once("login_menu.php");
} else {
?>
<form action='?page=login' method='post' />
<?php
echo "
<span style='font-size:11px;'>Login ||</span>
Brugernavn:
<input type='text' name='username' class='input' size='10' />
Kodeord:
<input type='password' name='password' class='input' size='10' />
<input type='submit' name='login' class='input' value='Log ind' />
<a href='?page=register' class='links'>Opret Bruger</a>
";
}
?>
</form>
</div>
<div class="contenleft">
<div class="venstremenu">
<div id="menuimage">Generelt</div>
</div>
<table width="100" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<br />
<div class="venstremenu">
<div id="menuimage">News Kategorier</div>
<table width="100" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<br />
</div>
</div>
<div id="middle">
<p><?php
if($_GET['page'] =="") {
$fil = "home.php";
} else {
$fil = "$_GET[page].php";
}
if(file_exists($fil)) {
print "<br />";
include "$fil";
print "<br /><br />";
} else {
print "Siden <strong>$_GET[page].php</strong> kunne ikke findes på";
$_SERVER['HTTP_HOST'];
print "<br /><br />";
}
?><br />
<br />
</p>
</div>
<div class="contenright">
<div class="højremenu">
<div id="menuimage">Seneste indlæg</div>
<br />
<?php
$get = mysql_query("SELECT * FROM forum_indlaeg ORDER BY DATO DESC limit 5");
$result = mysql_fetch_array($get);
echo "".$result[emne].""; ?>
</div>
</div><br />
<br /><br />
<br /><br />
<div class="contenright">
<div id="menuimage">Nyeste Brugere</div>
<?php
$out = mysql_query("SELECT * FROM users ORDER BY user_id DESC limit 5");
while($users = mysql_fetch_array($out)) {
echo "<a href='?page=show_profile&id=".$users[user_id]."&username=".$users[username]."' class='links'>".$users[username]."</a> <br />";
}
?>
</div>
</div>
</div>
</body>
</html>
<?php
ob_flush();
?>
CSS.CSS
html, body {
margin:0px;
padding:0px;
height:100%;
display: block;
}
body {
background-image:url('../images/bg.jpg');
background-repeat:repeat;
font-family:Verdana;
font-size:11px;
}
.ramme, td {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.ramme {
margin-right:auto;
margin-top:0px;
margin-left:auto;
margin-bottom:0px;
width:800px;
background-color:#FFF;
height:100%;
display: block;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #5d5d5d;
border-left-color: #5d5d5d;
}
#top {
width:800px;
height:160px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/logo.jpg);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #23627f;
}
.contenleft {
width:auto;
height:auto;
float:left;
margin-left:5px;
}
.contenright {
width:96px;
height:auto;
margin-right:5px;
padding:0;
float:right;
border:1px solid #23627f;
}
.venstremenu {
font-family:Tahoma;
font-size:11px;
color:#000;
width: 96px;
}
.højremenu {
font-family:Tahoma;
font-size:11px;
color:#000;
width: 96px;
}
.menu_white {
background-color:#FFFFFF;
height:auto;
}
#menuimage {
background-image:url('../images/menu_image.jpg');
background-repeat:no-repeat;
font-family:Impact;
font-size:13px;
color:#FFF;
text-decoration:none;
width: 96px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #23627F;
}
#middle {
float:left;
width:545px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 25px;
padding: 0px;
background-color:#FFFFFF;
}
#login {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #006699;
float: none;
height: 20px;
width: 800px;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #23627F;
padding-top: 5px;
}
.input {
background-color:#EAEAEA;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border:1px solid #CCCCCC;
}
.banner {
width:468px;
border:0px;
height:60px;
position:absolute;
top: 50px;
}
a.links {
text-decoration:none;
color:#006699;
}
a:active.links {
color:#000000;
}
a:hover.links {
text-decoration:underline;
color:#000000;
}
a.admin {
text-decoration:underline;
color:#000000;
}
a:active.admin {
text-decoration:none;
color:#000000;
}
a:hover.admin {
text-decoration:underline;
color: #006699;
}