Oppdeling av side med <div>
Hei.Jeg holder på med en web-side som jeg deler opp med <div>. Slik siden er i dag fungerer den fint i IE og Opera 7.54, men ikke i Opera 8 eller firefox 1.0.4.
Side: http://www.bos-ostfold.no/main.php?id=1&vis=hoved
CSS: http://www.bos-ostfold.no/style.css
Siden er delt inn tre vertikale deler; topp, center og bunn.
<div id="topp">
...
</div>
<div id="center">
...
</div>
<div id="bunn">
...
</div>
Den midterste delen (id=center) skal igjen bestå av to spalter. Den venstre skal inneholde en meny og den høyre skal inneholde den info som vises på siden.
<div id="center">
<div id="meny">
...
</div>
<div id="hoved
...
</div>
</div>
Problemet er at innholdet i <div id=center> legger seg over resten av siden nedover og ikke inne i div-boxen.
Hele koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bertel O. Steen Østfold AS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="background">
<div id="top">
<?php
include ("topp.php");
?>
</div>
<div id="center">
<div id="meny">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr><td class="liten_overskrift"><?=$sted?></td></tr>
<tr><td><hr noshade size="1" color="#676767"></td></tr>
<tr><td class="meny">
<img src="Bilder/pil.gif" border="0"> <a href="main.php?vis=hoved">Om oss</a><br>
<img src="Bilder/pil.gif" border="0"> <a href="main.php?vis=brukt">Brukte biler</a><br>
<img src="Bilder/pil.gif" border="0"> <a href="main.php?vis=mb">Ny Mercedes-Benz</a><br>
<img src="Bilder/pil.gif" border="0"> <a href="main.php?vis=peu">Ny Peugeot</a><br>
</td></tr>
</table>
</td></tr>
<tr><td height="10"></td></tr>
<tr><td><img src="Bilder/slr-marg.jpg" border="0" alt=""></td></tr>
</table>
</div>
<div id="hoved">
<?
if ($vis=="hoved")
{
include ("hoved.php");
}
else if ($vis=="brukt")
{
echo ("<iframe src=" .$brukt. " frameborder=0 width=100% height=100% scrolling=yes></iframe>");
}
else if ($vis=="mb")
{
include ("mb.php");
}
else if ($vis=="peu")
{
include ("peu.php");
}
else if ($vis=="visbil")
{
include ("visbil.php");
}
?>
</div>
</div>
<div id="bunn">
<?php
include ("bunn.php");
?>
</div>
</body>
</html>
Håper noen kan hjelp meg med å finne ut av hva som er feil, enten det er html-koden eller CSS-koden som er feil.
//andersjo
