hi
ik heb een upload site gebouwd en deze ziet er goed uit in internet explorer maar in firefox vallen 3 pagina's naar rechts uit.
Waarom is dit bij die 3 pagina's wel en bij de andere niet?
hij staat op mijn servertje:
rapidshare.maroclife.nl:
het gaat om faq,admin en top 10..
Ik zit dus met een probleempje, ik denk een margin fout die niet in firefox werkt.
Misschien kan iemand mij helpen
heb een probleempje met css positioning (ik vermoed de margin) in firefox.
ik heb alles in explorer gemaakt, dat werkt perfect...
in firefox kloppen de margins echter niet =/
HTML code:
faq.php
<?php
?><style type="text/css">
<!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>Send Files FREE and Easily</title>
<style type="text/css">
CSS GEDEELTE
<!--
body {
margin:0;
padding:0;
font: 11px verdana;
background: url(http://rapidshare.maroclife.nl/bg.jpg);
background-color: #666666;
}
h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
p{
text-align: left;
}
a{
text-decoration: none;
/* color12519F; */
color626262;
}
a:hover{
text-decoration: none;
color6F6F6F;
}
a:visited{
color626262;
}
a.headlink{
}
a.headlink:hover{
text-decoration: none;
}
h1{
font-size: 18px;
text-align: left;
}
h2{
text-align: justify;
margin-top:0px;
font-size:10px;
}
img{
border:0px;
}
.steps{
font-size:14px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
}
.cstep{
font-size:14px;
}
.notice{
text-align: justify;
margin-top:0px;
font-size:11px;
}
.copyright{
font-size:11px;
colorffffff;
text-align:center;
margin-top:0px;
font-weight:bold;
}
.toplinks:{
font-size:11px;
colorCECECE;
font-weight:bold;
}
.toplinks:hover{
font-size:14px;
font-weight:bold;
text-decoration: none;
}
.toplinks:visited{
colorCECECE;
}
.extralink{
font-size:11px;
colorffffff;
font-weightlain;
}
.extralink:visited{
colorFFFFFF;
}
.upinput{
width:420px;
bgcolorffffff;
background:url(input_back.gif);
border:1px solid #999999;
/*
margin-bottom:0px;
margin-top:0px;
*/
}
input {
background:url(input_back.gif);
bgcolorffffff;
border:1px solid #999999;
}
textarea{
background:url(input_back.gif) repeat-x;
bgcolorffffff;
border:1px solid #999999;
}
form{
margin:0px;
}
.faqheader{
font-size:15px;
font-weight:bold;
margin-bottom:0px;
}
.faqbody{
font-size:13px;
margin-top:0px;
margin-bottom:0px;
text-align:justify;
}
#tabsH {
float:left;
width:100%;
background000;
font: bold 11px/1.5em verdana;
line-height:normal;
}
#tabsH ul {
margin:0;
padding:0px 10px 0 40px;
list-style:none;
}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
float:left;
background:url("http://rapidshare.maroclife.nl/tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
float:left;
display:block;
background:url("http://rapidshare.maroclife.nl/tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
colorFFF;
}
#tabsH a span {float:none;}
#tabsH a:hover span {
colorFFF;
}
#tabsH a:hover {
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
#tabsH #current a {
background-position:0% -42px;
}
#tabsH #current a span {
background-position:100% -42px;
}
.style2 {font-size: 18px}
.style3 {
font-size: 24px;
font-weight: bold;
}
-->
</style>
</head>
<html>
<head>
<title></title>
</head>
HEADER GEDEELTE
<body> <br><br>
<center><table width=790 border=0 cellpadding=0 cellspacing=0 bgcolor="#000000">
<tr><td width=790 height=60 background=http://rapidshare.maroclife.nl/bgneu14.gif colspan=3>
<center>
<table width=98% cellspacing=0 cellpadding=0>
<tr><td align=left valign=center><br>
<a class="headlink" href="http://rapidshare.maroclife.nl/index.php">
<font size=5 color=#FFFFFF>DOMAINNAME.com</font> <font style="font-size:14px;colorFBB700"> Free File Hosting</a>
</td>
<td align=right valign=center>
<br>
<form action="filesearch.php" method="post">
<input type="text" style="background-colorffffff;" name="filesearch" size=15>
<input type="submit" value="Go" style="background-colorC0C0C0;width:22px;height:20px">
</form></center>
</td><td align=right valign=bottom><font color=#ffffff size=1>
<body>
<table border=0></table></td></tr></table>
</td></tr><tr><td colspan=3><center>
<div id="tabsH">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="http://rapidshare.maroclife.nl/index.php"><span>Upload</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/files.php"><span>Files</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/pages/tos.php"><span>TOS</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/pages/faq.php"><span>FAQ</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/top.php"><span>Top 10</span></a></li>
<li><a href="admin.php"><span>Admin</span></a></li>
</ul>
</div>
CONTENT INHOUD GEDEELTE:
<center><table style="margin-top:0px;width:790px;height:400px;"><tr><td style="border:1px #AAAAAA solid;height:100%;background-colorFFFFFF;padding:20px;text-align:left;" valign=top>
<h1>What is the largest file I can upload?</h1>
<p>The maximum allowed file size is 3 megabytes.</p>
<h1>How long will my files stay hosted here?</h1>
<p>Your files will be kept on our servers as long as it is downloaded every <?php echo $deleteafter; ?> days.</p>
<h1>What are the limits for uploading and downloading files?</h1>
<p>You may upload a file every <?php echo $uploadtimelimit; ?> minutes.<br />
You may download a file every <?php echo $downloadtimelimit; ?> minutes.</p>
<h1>What about smaller files?</h1>
<p>Files less than <?php echo $nolimitsize; ?> megabytes don't count towards your upload or download limits.</p>
<h1>How can I run a file hosting site like this?</h1>
Mijn inhoud/content gedeelte springt helemaal naar rechts uit de blok..Je ziet hem dus niet op je scherm.
Wat kan ik hieraan doen of wat doe ik fout.
Ik ben nog maar net begonnen met php en html.
ik heb een upload site gebouwd en deze ziet er goed uit in internet explorer maar in firefox vallen 3 pagina's naar rechts uit.
Waarom is dit bij die 3 pagina's wel en bij de andere niet?
hij staat op mijn servertje:
rapidshare.maroclife.nl:
het gaat om faq,admin en top 10..
Ik zit dus met een probleempje, ik denk een margin fout die niet in firefox werkt.
Misschien kan iemand mij helpen
heb een probleempje met css positioning (ik vermoed de margin) in firefox.
ik heb alles in explorer gemaakt, dat werkt perfect...
in firefox kloppen de margins echter niet =/
HTML code:
faq.php
<?php
?><style type="text/css">
<!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>Send Files FREE and Easily</title>
<style type="text/css">
CSS GEDEELTE
<!--
body {
margin:0;
padding:0;
font: 11px verdana;
background: url(http://rapidshare.maroclife.nl/bg.jpg);
background-color: #666666;
}
h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
p{
text-align: left;
}
a{
text-decoration: none;
/* color12519F; */
color626262;
}
a:hover{
text-decoration: none;
color6F6F6F;
}
a:visited{
color626262;
}
a.headlink{
}
a.headlink:hover{
text-decoration: none;
}
h1{
font-size: 18px;
text-align: left;
}
h2{
text-align: justify;
margin-top:0px;
font-size:10px;
}
img{
border:0px;
}
.steps{
font-size:14px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
}
.cstep{
font-size:14px;
}
.notice{
text-align: justify;
margin-top:0px;
font-size:11px;
}
.copyright{
font-size:11px;
colorffffff;
text-align:center;
margin-top:0px;
font-weight:bold;
}
.toplinks:{
font-size:11px;
colorCECECE;
font-weight:bold;
}
.toplinks:hover{
font-size:14px;
font-weight:bold;
text-decoration: none;
}
.toplinks:visited{
colorCECECE;
}
.extralink{
font-size:11px;
colorffffff;
font-weightlain;
}
.extralink:visited{
colorFFFFFF;
}
.upinput{
width:420px;
bgcolorffffff;
background:url(input_back.gif);
border:1px solid #999999;
/*
margin-bottom:0px;
margin-top:0px;
*/
}
input {
background:url(input_back.gif);
bgcolorffffff;
border:1px solid #999999;
}
textarea{
background:url(input_back.gif) repeat-x;
bgcolorffffff;
border:1px solid #999999;
}
form{
margin:0px;
}
.faqheader{
font-size:15px;
font-weight:bold;
margin-bottom:0px;
}
.faqbody{
font-size:13px;
margin-top:0px;
margin-bottom:0px;
text-align:justify;
}
#tabsH {
float:left;
width:100%;
background000;
font: bold 11px/1.5em verdana;
line-height:normal;
}
#tabsH ul {
margin:0;
padding:0px 10px 0 40px;
list-style:none;
}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
float:left;
background:url("http://rapidshare.maroclife.nl/tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
float:left;
display:block;
background:url("http://rapidshare.maroclife.nl/tabrightH.gif") no-repeat right top;
padding:5px 15px 4px 6px;
colorFFF;
}
#tabsH a span {float:none;}
#tabsH a:hover span {
colorFFF;
}
#tabsH a:hover {
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
#tabsH #current a {
background-position:0% -42px;
}
#tabsH #current a span {
background-position:100% -42px;
}
.style2 {font-size: 18px}
.style3 {
font-size: 24px;
font-weight: bold;
}
-->
</style>
</head>
<html>
<head>
<title></title>
</head>
HEADER GEDEELTE
<body> <br><br>
<center><table width=790 border=0 cellpadding=0 cellspacing=0 bgcolor="#000000">
<tr><td width=790 height=60 background=http://rapidshare.maroclife.nl/bgneu14.gif colspan=3>
<center>
<table width=98% cellspacing=0 cellpadding=0>
<tr><td align=left valign=center><br>
<a class="headlink" href="http://rapidshare.maroclife.nl/index.php">
<font size=5 color=#FFFFFF>DOMAINNAME.com</font> <font style="font-size:14px;colorFBB700"> Free File Hosting</a>
</td>
<td align=right valign=center>
<br>
<form action="filesearch.php" method="post">
<input type="text" style="background-colorffffff;" name="filesearch" size=15>
<input type="submit" value="Go" style="background-colorC0C0C0;width:22px;height:20px">
</form></center>
</td><td align=right valign=bottom><font color=#ffffff size=1>
<body>
<table border=0></table></td></tr></table>
</td></tr><tr><td colspan=3><center>
<div id="tabsH">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="http://rapidshare.maroclife.nl/index.php"><span>Upload</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/files.php"><span>Files</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/pages/tos.php"><span>TOS</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/pages/faq.php"><span>FAQ</span></a></li>
<li><a href="http://rapidshare.maroclife.nl/top.php"><span>Top 10</span></a></li>
<li><a href="admin.php"><span>Admin</span></a></li>
</ul>
</div>
CONTENT INHOUD GEDEELTE:
<center><table style="margin-top:0px;width:790px;height:400px;"><tr><td style="border:1px #AAAAAA solid;height:100%;background-colorFFFFFF;padding:20px;text-align:left;" valign=top>
<h1>What is the largest file I can upload?</h1>
<p>The maximum allowed file size is 3 megabytes.</p>
<h1>How long will my files stay hosted here?</h1>
<p>Your files will be kept on our servers as long as it is downloaded every <?php echo $deleteafter; ?> days.</p>
<h1>What are the limits for uploading and downloading files?</h1>
<p>You may upload a file every <?php echo $uploadtimelimit; ?> minutes.<br />
You may download a file every <?php echo $downloadtimelimit; ?> minutes.</p>
<h1>What about smaller files?</h1>
<p>Files less than <?php echo $nolimitsize; ?> megabytes don't count towards your upload or download limits.</p>
<h1>How can I run a file hosting site like this?</h1>
Mijn inhoud/content gedeelte springt helemaal naar rechts uit de blok..Je ziet hem dus niet op je scherm.
Wat kan ik hieraan doen of wat doe ik fout.
Ik ben nog maar net begonnen met php en html.