Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

CSS margin probleem firefox

Pagina: 1
Acties:
  • 767 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
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.

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 20-11 17:42

RM-rf

1 2 3 4 5 7 6 8 9

begin maar eens te kijken naar de clientside html-code (ik heb geen intersse in je php-code; dat heeft ook niks met je problem te maken)
en zorg ervoor dat je enkel de relevante blokken code plaatst, in [ c o d e ] -tags.

Wat je waarschijnlijk echter heel snel je probleem zal helpen oplossen, zal een simpele validatie zijn via validator.w3.org ....

Vermoedelijk gaat het hier om het slordig vergeten af te sluiten van een tagje ... (nog waarschijnlijker is dat je tabellen gewoonweg absoluut niet kloppen, geen juiste indeling in ROWS (TR) en CELS (TD) )

Met alle respect, maar misschien moet je gewoon eerst de basisbeginselen van HTML leren voordat je teveel ineens wilt doen.

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • Rekcor
  • Registratie: Februari 2005
  • Laatst online: 08-10 13:03
Een paar van de fouten gevonden via http://validator.w3.org/c...29&doctype=Inline&group=0
Line 248, Column 4: end tag for element "TD" which is not open.
</td><td align=right valign=bottom><font color=#ffffff size=1>✉
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occurred in a script section of your document, you should probably read this FAQ entry.

Line 248, Column 47: an attribute value must be a literal unless it contains only name characters.
</td><td align=right valign=bottom><font color=#ffffff size=1>✉
You have used a character that is not considered a "name character" in an attribute value. Which characters are considered "name characters" varies between the different document types, but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value. In fact, unless you have extreme file size requirements it is a very very good idea to always put quote marks around your attribute values. It is never wrong to do so, and very often it is absolutely necessary.

Line 254, Column 4: end tag for element "TD" which is not open.
</td></tr><tr><td colspan=3><center>✉
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occurred in a script section of your document, you should probably read this FAQ entry.

Line 254, Column 9: end tag for element "TR" which is not open.
</td></tr><tr><td colspan=3><center>✉
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occurred in a script section of your document, you should probably read this FAQ entry.

Line 274, Column 45: NET-enabling start-tag requires SHORTTAG YES.
<p>You may upload a file every minutes.<br />✉
The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HMTL 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HMTL 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML.

Line 280, Column 26: end tag for element "TABLE" which is not open.
</center></td></tr></table><p style="margin:0px;text-align:center">✉
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occurred in a script section of your document, you should probably read this FAQ entry.