Hey,

Ik heb een startpagina script gedownload en een beetje bewerkt, het werkt opzich wel goed er is alleen 1 probleem, als ik de pagina in mozilla open, ziet het er gewoon niet uit, de kolomen spreiden zich heel anders terwijl die in explorer wel goed weergeeft.

Er zit ergens een fout in de code maar ik kom er niet uit, ben ook nog nieuw met .php

het gaat om deze pagina:
www.formlab.nl/startpagina

Wie kan mij eruit helpen?

Dit is het script:
(volgorde van de weergegeven kolomen op pagina zijn; 1,3 en 2,
.css staat zelf in de index pagina):


#content {
text-align: center;
padding: 0px;
color:#FFFFFF;
min-height: 120px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width: 936px;

}

#kolom1,{
width: 268;
float:left;
margin-top:10px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-image:url(images/box_middle.jpg);
padding:0px;

}

#kolom2, {
float:right;
width: 268;
margin-top:10px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-image:url(images/box_middle.jpg);
padding:0px;

}

#kolom3 {
width: 268;
margin-top:10px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
background-image:url(images/box_middle.jpg);
padding:0px;

}


.linkbox {
margin-bottom: 5px;
margin-top: 0px;
font-size:12px;
padding:0px;
}

.linkbox .linkbox-header {
background: url(images/box_top.jpg);
height: 38px;
margin-top:0px;
padding: 0px 0;

}

.linkbox .linkbox-bottom {
background: url(images/box_bottom.png);
height: 37px;
padding: 0px 0;

}

body,td,th {
color: #000000;
font-size: 12px;

}

a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #301F17;
}
a:hover {
text-decoration: underline;
color: #301F17;
}
a:active {
text-decoration: none;
}
body {
background-image: url(images/backgr.jpg);

}
.style3 {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
}
</style><?

session_start();

$hostname = "localhost";
$username = "formlab";
$password = "folkert";
$database = "gallery";
mysql_connect($hostname,$username,$password) or die(mysql_error());
mysql_select_db($database);

if (@mysql_connect($host,$user,$pass) && @mysql_select_db($db))
{
echo "Je bent al ingelogd, klik <a href=index.php>hier</a> om verder te gaan";
}
else
{
if(isset($_POST["gebruikersnaam"]))
{

$naam = addslashes($_POST["gebruikersnaam"]);
$wachtwoord = addslashes($_POST["wachtwoord"]);
$query = mysql_query("SELECT * FROM gebruikers WHERE gebruikersnaam = '$naam' AND wachtwoord = '$wachtwoord'");

if(mysql_num_rows($query) > 0)
{
$_SESSION["login"] = $naam;
$_SESSION["wachtwoord"] = $wachtwoord;
echo "u bent nu ingelogd, klik <a href=index.php>hier</a> om naar de admin te gaan!<br>";
}
else
{
echo "Deze gebruikers bestaat niet, klik <a href=index.php>hier</a> om naar de admin te gaan!<br>";
}
}
else
{

}
}





$hostname = "localhost";
$username = "formlab";
$password = "folkert";
$database = "gallery";
mysql_connect($hostname,$username,$password) or die(mysql_error());
mysql_select_db($database);
echo"<center><div id=\"content\"> <div id=\"kolom1\"> ";
$query = mysql_query("SELECT * FROM categorie WHERE plaats = 'links'");

$order = -1; # -1 = Ascending. Use 1 for descending.
$sortby = "['key1']['subkey']";
$mysort = create_function('$a,$b', "\$a1=\$a$sortby;\$b1=\$b$sortby; if (\$a1==\$b1) return 0; else return (\$a1<\$b1) ? $order : 0- $
order;");
uasort($assocarray, $mysort);

while($tabel = mysql_fetch_array($query))
{
echo"<div class=\"linkbox\"> <div class=\"linkbox-header\"><table cellspacing=0><td width=268><center><b>$tabel[naam]<b></center></td></table></div>";
$query2 = mysql_query("SELECT * FROM links WHERE categorie = '$tabel[id]'");
while($link = mysql_fetch_array($query2))
{
echo"
<tr>
<td><a target=_blank href=$link[link]>$link[naam]</a><br></td>
</tr>
";
}
echo"</div><img src=images/box_bottom1.jpg>";
}
echo "</div><div id=\"kolom2\">";


//kolom midden
$query = mysql_query("SELECT * FROM categorie WHERE plaats = 'midden'");
while($tabel = mysql_fetch_array($query))

{
echo"<div class=\"linkbox\"> <div class=\"linkbox-header\"><table cellspacing=0><td width=268><center><b>$tabel[naam]<b></center></td></table></div>";
$query2 = mysql_query("SELECT * FROM links WHERE categorie = '$tabel[id]'");
while($link = mysql_fetch_array($query2))
{
echo"
<tr><td><a target=_blank href=$link[link]>$link[naam]</a><br></td></tr>";
}
echo"</div><img src=images/box_bottom2.jpg>";
}
echo "</div><div id=\"kolom3\">";





//kolom rechts

$query = mysql_query("SELECT * FROM categorie WHERE plaats = 'rechts'");
while($tabel = mysql_fetch_array($query))
{
echo"<div class=\"linkbox\"> <div class=\"linkbox-header\"><table cellspacing=0><td width=268><center><b>$tabel[naam]<b></center></td></table></div>
";
$query2 = mysql_query("SELECT * FROM links WHERE categorie = '$tabel[id]'");
while($link = mysql_fetch_array($query2))
{
echo"
<tr><td><a target=_blank href=$link[link]>$link[naam]</a><br></td></tr> ";
}
echo"</div><img src=images/box_bottom3.jpg>";
}
echo "</div><br></center>" ;


?></div>

</center>
<map name="Map"><area shape="rect" coords="27,140,150,158" href="http://www.formlab.nl/startpagina/admin/index.php?actie=nieuwe_link">;
</map></html>
Explorer werkt Mozilla niet
999 van de 1000 keer betekent dit dat je code kut is en dus wel werkt in IE, maar nergens anders.

Ga eerst bouwen in Mozilla en daarna pas de gekke fratsen van IE toepassen. IE levert beroerde resultaten op en die zitten je nu in de weg. Denk bv. aan het boxmodel.

Edit: uitleg over het boxmodel.

Edit 2: Kuch! 631 Errors... Dat zijn er niet te weinig.
Nog iets: W3 Validatie

Dit is ook echt heel erg beroerd. Als je al deze fouten oplost zie je website er waarschijnlijk een stuk beter uit.
Wow 631 errors?! Damn schaam me dood!
Anyway, ik had ook nog ergens een backup, alles begon pas fout te gaan toen ik de kolommen probeerde te centreren.

Dit is de 'backup file', hier verschijnt het wel gewoon goed in Mozilla maar krijg het maar niet gecentreerd, daarom had ik de kolommen op de andere pagina gesplits, maar dat werkt dus ook niet.

Backup:
www.formlab.nl/startpagina/index_the.php

Heeft er iemand tips voor wat ik het beste kan doen?

En bedankt voor de links die jullie mij gaven! Ga het zeker goed doornemen!

Ben trouwens verbaast over jullie snelle reactie!
Super!!
Sorry dat we zo snel reageren, we hebben blijkbaar niks beters te doen of helpen graag.

Dan het probleem:
1) Voeg een doctype toe aan je pagina, zie w3schools voor de best passende
2) Zet de css in een aparte stylesheet en gebruik <link> om deze te includen in je html-pagina.
3) Zet de javascript in een apart bestand en gebruik <link> om deze te includen in je html-pagina.
4) Zet de waardes van attributen tussen quotes ":
<a href="link" title="beschrijving">tekst</a>
5) Ga 1-voor-1 de errors verhelpen, begin met het opschonen van de code, dus alle css en andere opmaak uit de html halen in je stylesheet zetten.

Reageren