PHP ver gevorderde |
|
Weet iemand hoe ik een background van de body goed krijg bij xhtml, want ik deed dat zoals ik het ook zou doen bij html, maar hij pakt hem niet bij mozilla firefox en wel in IE6. Hoe komt dat? Weet iemand hoe ik dit kan oplossen? Hier is de code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<title></title>
<style type="text/css">
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
.bar {position: relative; width: 300px; height: 20px; margin: 5px auto; padding: 4px;}
.baz {position: relative; width: 10px; height: 100%; display: block; float: right; font-size: 1px; text-align: center;}
body {margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; background-color: #D8D8D8;}
body,td,th,div,li {color: #000000; font-size: 11pt; font-family: arial}
a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #000000;}
td {background-color: #FFFFFF; border-color: transparant; border-style: solid; border-width: 0px}
td.header {border-width: 0px 0px 0px 0px; background-color: #;}
td.menubar {border-width: 0px 0px 4px 0px; background-color: #1D2975; border-color: #CCCECD;}
td.menuinfo {border-width: 4px 0px 0px 0px; background-color: #3584B9; border-color: #3584B9;}
td.menu {border-width: 0px 0px 0px 0px; border-right-style: dotted; background-color: #E9E9E9;}
td.tekstvlak {border-width: 4px 0px 0px 0px; background-color: #; border-color: #3584B9;}
td.footer {border-width: 4px 0px 0px 0px; background-color: #55819C; border-color: #436477;}
div.padding {padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;}
div.paddingrounded {padding-left: 4px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;}
</style>
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript" src="gradient.js"></script>
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
return;
RoundedBottom("td.footer","#D8D8D8","#55819C");
RoundedBottom("td.menuinfo","#E9E9E9","#3584B9");
}
</script>
</head>
<body bgcolor="#D8D8D8">
<table width="980" cellpadding="0" cellspacing="0">
<tbody align="left" valign="top">
<tr>
<td class="header" width="980" colspan="2">
<div class="padding">
header
</div>
</td>
</tr>
<tr>
<td class="menubar" width="980" colspan="2">
<div class="padding">
menubar
</div>
</td>
</tr>
<tr>
<td class="menuinfo" width="200">
<div class="paddingrounded">
test
</div>
</td>
<td class="tekstvlak" rowspan="2" width="780">
<div class="padding">
test
</div>
</td>
</tr>
<tr>
<td class="menu" width="200">
<div class="padding">
menu
</div>
</td>
</tr>
<tr>
<td class="footer" width="980" colspan="2">
<div class="paddingrounded">
footer
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> <meta name="generator" content="PSPad editor, www.pspad.com" /> <title></title> <style type="text/css"> .rtop,.rbottom{display:block} .rtop *,.rbottom *{display:block;height: 1px;overflow: hidden} .r1{margin: 0 5px} .r2{margin: 0 3px} .r3{margin: 0 2px} .r4{margin: 0 1px;height: 2px} .rs1{margin: 0 2px} .rs2{margin: 0 1px} .bar {position: relative; width: 300px; height: 20px; margin: 5px auto; padding: 4px;} .baz {position: relative; width: 10px; height: 100%; display: block; float: right; font-size: 1px; text-align: center;} body {margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; background-color: #D8D8D8;} body,td,th,div,li {color: #000000; font-size: 11pt; font-family: arial} a :link {text -decoration : none ; color : #000000;}a:visited {text-decoration: none; color: #000000;} a:hover {text-decoration: none; color: #000000;} a:active {text-decoration: none; color: #000000;} td {background-color: #FFFFFF; border-color: transparant; border-style: solid; border-width: 0px} td .header {border -width : 0px 0px 0px 0px ; background -color : #;}td.menubar {border-width: 0px 0px 4px 0px; background-color: #1D2975; border-color: #CCCECD;} td.menuinfo {border-width: 4px 0px 0px 0px; background-color: #3584B9; border-color: #3584B9;} td.menu {border-width: 0px 0px 0px 0px; border-right-style: dotted; background-color: #E9E9E9;} td.tekstvlak {border-width: 4px 0px 0px 0px; background-color: #; border-color: #3584B9;} td.footer {border-width: 4px 0px 0px 0px; background-color: #55819C; border-color: #436477;} div.padding {padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;} div.paddingrounded {padding-left: 4px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px;} </style> <script type="text/javascript" src="nifty.js"></script> <script type="text/javascript" src="gradient.js"></script> <script type="text/javascript"> window.onload=function(){ if(!NiftyCheck()) return; RoundedBottom("td.footer","#D8D8D8","#55819C"); RoundedBottom("td.menuinfo","#E9E9E9","#3584B9"); } </script> </head> <body bgcolor="#D8D8D8"> <table width="980" cellpadding="0" cellspacing="0"> <tbody align="left" valign="top"> <tr> <td class="header" width="980" colspan="2"> <div class="padding"> </div> </td> </tr> <tr> <td class="menubar" width="980" colspan="2"> <div class="padding"> menubar </div> </td> </tr> <tr> <td class="menuinfo" width="200"> <div class="paddingrounded"> test </div> </td> <td class="tekstvlak" rowspan="2" width="780"> <div class="padding"> test </div> </td> </tr> <tr> <td class="menu" width="200"> <div class="padding"> menu </div> </td> </tr> <tr> <td class="footer" width="980" colspan="2"> <div class="paddingrounded"> footer </div> </td> </tr> </tbody> </table> </body> </html>
|