div probleem

Door noel op 24-03-2008 10:57

1.156 views

hey allemaal,

Ik heb een vraagje over een site die ik aan het maken ben maar het lukt niet echt.
De website is http://noel.systemd.nl als je op wie ben ik klik dan opend er een nieuwe pagina in een div maar mijn vraag is hij laat het niet goed zien in Internet explore dan zet die die div helemaal naar links maar hij moet er recht er onderstaan en in firefox lijkt hij de menu te groot maakt maar hoe los ik dit op ik werk met php en met css en voor het menu met java script.
De pagina’s waar het om gaat heb ik er bij gedaan

index.php


<?php
session_start();
require("database.php");
?>

<html>
<head>
	<title>Sabine's Bijoux</title>
	<meta name="keywords" content="sieraden, armband, oorbel, horloge, ketting, zelf gemaakt, ruime keuze" >
	<link href="../index/script/sabine.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="../index/script/dropdown.js"></script>
</head>

<body>
<div id="all">

<div id="top">
	<img src="/index/images/start1.jpg" width="735" height="130">
</div>

<div class="dropdown" id="my_dropdown_id">
	<ul>
		<li><a href="?pag=home">Home</a></li>
		<li><a href="?pag=wie">Wie ben ik</a></li>
		<li><a href="#">Sieraden</a>
			<ul>
				<li><a href="?pag=ketting">Kettingen</a></li>
                <li><a href="?pag=armband">Armbanden</a></li>
				<li><a href="?pag=horloge">Horloge's</a></li>
				<li><a href="?pag=oorbel">Oorbellen</a></li>
				<li><a href="?pag=sleutelhanger">Sleutelhanger's</a></li>
			</ul>
		</li>
		<li><a href="?pag=winkelwagen">Winkelwagen</a></li>
		<li><a href="?pag=registreer">Registreren</a></li>
		<li><a href="?pag=contact">Contact</a></li>
		<!--<li><a href="#">Super menu</a></li> /*menu voor beheerders*/
			<ul>
				<li><a href="?pag=index">Sieraden toev.</a></li>
				<li><a href="?pag=index">Sieraden Bew.</a></li>
				<li><a href="?pag=index">aktie inv.</a></li>
				<li><a href="?pag=index">Klanten Beh.</a></li>
			</ul>
		</li>-->
	</ul>
</div>

<div id="left">
<?php
$pagina = $_GET['pag'];

if ($pagina==""){
include('home.php');
}

if ($pagina=="home"){
include('home.php');
}

if ($pagina=="wie"){
include('wie.php');
}

if ($pagina=="ketting"){
include('#.php');
}

if ($pagina=="armband"){
include('#.php');
}

if ($pagina=="horloge"){
include('#.php');
}

if ($pagina=="oorbel"){
include('#.php');
}

if ($pagina=="sleutelhanger"){
include('#.php');
}

if ($pagina=="winkelwagen"){
include('winkelwagen.php');
}

if ($pagina=="registeer"){
include('registeren.php');
}

if ($pagina=="contact"){
include('contact.php');
}
?>
</div>

<div id="richt">
 <tr>
   <td>
     <table width="150" border="0" cellpadding="2" cellspacing="0" style="border: #808080 1px solid">
              <tr>
           <td bgcolor="#DAE0E4" ><span class="kop">Nieuwe website</span></td>
              </tr>
              <tr >
           <td bgcolor="#DAE0E4" style="border-top: #808080 1px solid">
   <span class="tekst">Een nieuwe site brengt altijd fouten met zich mee!Heeft u er al een gevonden?<br>
   <a href="mailto:[email protected]">mail ze door</a></span></td>
              </tr>
     </table>
   </td>
 </tr>
 
 <tr>
   <td height="3" colspan="5"></td>
 </tr> 
</div>

<div id="tussen"></div>

<div id="bottem">
<b>&copy; by Sabine's Bijoux.</b> Made by No&euml;l El-Sayed
</div>

</div>
	<script type="text/javascript"> createDropdown('my_dropdown_id'); </script>
</body>
</html>

sabine.css


/*algemeen*/
html, form {
    margin: 0px;
    padding: 0px;
}

body {
    padding: 0px;
	text-align: center;
	background: #FFFF99
}

h1 {
	color: #000000;
	font-family: arial;
    font-size: 16px;
    font-weight: bold;
}

h2 {
	color: #000000;
	font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

h3 {
	color: #FF0000;
	font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

hr {
height: 0;
border: 0;
border-top: 1px solid #bae1f7;
}

.link {
	color: #6633FF;
	font-family: arial;
    font-size: 12px;
    font-weight: bold;
}


/*menu*/
.dropdown {
    background: #000000;
    height: 18px;
    padding: 4px 4px 4px 10px;
	width: 735px;
}

.dropdown ul {
    list-style: none none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.dropdown ul li {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 18px 0px 0px;
    position: relative;
}

.dropdown ul li a {
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}

.dropdown ul li a:hover {
    text-decoration: underline;
}

.dropdown ul li ul {
    background: #F0F0F0;
    border: #000000 solid 1px;
    display: none;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 25px;
}

.dropdown ul li ul li {
    color: #000000;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    left: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    top: auto;
    width: 120px;
}

.dropdown ul li ul li a {
    color: #000000;
    display: block;
    padding: 3px 3px 3px 6px;
}

.dropdown ul li ul li ul {
    left: 125px;
    top: 2px;
} 


/* div's */
div #all {
	margin: 0px;
	width: 735px;
	position: center;
	padding: 0px;
}

div #top {
	margin: 0px;
	padding: 0px;
	width: 735px;
	height: 130px;
}

div #menu {
	margin: 0px;
	padding: 0px;
	width: 735px;
	height: 18px;
}

div #left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 585px;
	text-align: left;
	left: 0px;
}

div #richt {
	margin: 0px;
	padding: 0px;
	width: 150px;
	float: left;
}

div #tussen {
	clear: both;
}

div #bottem {
	margin: 0px;
	width: 735px;
	height: 25px;
	background: #000000;
	color: #FFFFFF;
	font-family: arial;
    font-size: 12px;
    font-weight: bold;
	padding: 4px 4px 4px 10px;
}

wie.php


<html>
<head>
	<title>Sabine's Bijoux</title>
	<meta name="keywords" content="sieraden, armband, oorbel, horloge, ketting, zelf gemaakt, ruime keuze" >
	<link href="../index/script/sabine.css" rel="stylesheet" type="text/css">
</head>


<body>
<div id="left">
<h1>Wie ben ik.<h1><br><br>

<img src="../images/ik.jpg" width="174" height="232"><br><br>

<h2>Dit ben ik samen met mijn schattige peterkindjes.<br><br>

Ik ben Sabine Sweebroek.<br>
Ik ben 21 jaar.<br>
&nbsp;&nbsp;Mijn hobby's zijn:<br>
&nbsp;&nbsp;&nbsp;&nbsp;- Zwemmen<br>
&nbsp;&nbsp;&nbsp;&nbsp;- Sieraden maken (natuurlijk)<br><br>

Ik ben nog student.<br>
Ik zit op dit moment in het laatste jaar van de PABO.<br>
Ik loop nu stage in groep 4/5 B,<br>
&nbsp;Op interconfessionele bassischool de Ark.<br><br>

Ik maak puur sieraden voor de hobby.<br> 
Ik ben er dan ook niet op uit om winst te maken.<br> 
Mijn doel is om sieraden te verkopen zodatik weer nieuwe sieraden kan maken.<br><br>

Om deze reden zijn ook alle sieraden <b>onder de kostprijs</b> geprijst.<br><br>

Ik hoop dat jullie mijn sieraden mooi vinden en dat jullie mij<br>
helpen om meer sieraden te kunnen maken.<br>

	<table width="585" border="0" cellspacing="2" cellpadding="0">
		<tr> 
			<td colspan="9" valign="top" height="21" width="696"> <hr> </td>
		</tr>
	</table><br>
	
Hier haal ik mijn inspiratie van daan uit de boeken van <b>trend creatief</b><br><br>

	<img src="../images/tc1.jpg" width="132" height="186">
	<img src="../images/tc2.jpg" width="132" height="186">
	<img src="../images/tc3.jpg" width="132" height="186"><br><br>

	<img src="../images/tc10.jpg" width="132" height="186">
	<img src="../images/tc11.jpg" width="132" height="186">
	<img src="../images/tc12.jpg" width="132" height="186"><br><br>
	
Klik <a class="link" href="http://www.trendcreatief.nl/">hier</a> om naar de site van trend creatief te gaan.<br>
<h2>
</div>



</body>
</html>

Wie kan mij helpen met dit script ik ben er al lang mee bezig maar ik wil het goed werkend krijgen