CSS

Door Boy van Beurden op 30-11-2006 11:37

841 views

Krijg mijn menu en mijn container niet naast elkaar (althans niet in Firefox).


/* OPMAAK TEKST EN BODY */

body {
		background: #cfcfcf;
		color: #646464;
		text-align: left;
		font-family: Verdana, sans;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
}

a {
		text-decoration: none;
		color: #646464;
}

a:hover {
		text-decoration: underline;
}

/* HEADER */
#header {
			width: 430px;
			height: 150px;
			background-image: url('../images/header.jpg');
			border: 2px solid #000000;
			background-repeat: no-repeat;
			color: #ffffff
}

#hr {
		border: 1px;
		color: #ffffff;
}

#millshot {
		float: left;
		padding-right: 40px;
}

#volgjemij {
		float: right;
		padding-left: 40px;
		height: 25%;
		width: 25%;
		margin: 15px;
}

/* OPMAAK BLOKKEN */

#container {
			background-color: #acacac;
			width: 430px;
			top: 17px;
			float: right;
			color: #646464;
			position: relative;
			text-align: left;
			border: 2px solid #000000;
			margin-top: 0px;
			margin-right: 144px;
			margin-left: 0px;
}

#menu {
			width: 170px;
			background-color: #acacac;
			color: #000000;
			border: 1px solid #000000;
			margin-top: 40px;
			margin-right: 0px;
			margin-left: 45px;
			float: left;
			text-align: center;
}

en mijn HTML is:

<body>
&nbsp;<center><div id="header">&nbsp;</div></center>

<div id="menu">
	<a href="index2.htm">Home</a><br>
	<a href="index2.htm">statistieken</a><br>
	gastenboek beheer<br>
	verslagen beheer<br>
</div><div id="container">&nbsp;<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</div>
<p>&nbsp;</p>

</body>

en dus in IE lopen ze normaal naast elkaar maar in Firefox dus niet kan iemand helpen? Z.S.M alstublieft want dit is mijn stage opdracht:)