probleem in html of in de css?

robincon · 7 nov 2008

Hoi,
iemand is voor mij een site aan het maken, maar er is een probleem in de css of html, alleen wij vinden het niet.
het probleem is dat de site in firefox wel goed werkt en in InternetExplorer niet, de div mainmenu2 werkt niet, en het middengedeelte.
Hier is de style.css:

Code:

* {
    
	font-family : Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 11px;

}



body {
	
	margin: 0px;
	
	padding: 0px;
	background-color: #006000;
		
	background-image: url("images/background.png");
	
	background-repeat: repeat-x;
}





#memberlogin {
	
	height: 36px;
		
	margin-left: 200px;

}



form {
	
	margin: 0px;
	
	padding: 0px;

}




#pagecontainer {
	
	position: absolute;
	
	left: 50%;
	
	margin-left: -300px;
	
	width: 908px;

	float: left;
}




#mainmenu {
	
	background-image: url("images/menubackground1.png");
	
	background-repeat: no-repeat;
	
	padding-top: 32px;
	
	padding-right: 24px;
	
	padding-left: 40px;

	height: 312px;
	float: left;
	position: relative;
	width: 225;
	margin-left: -225px;
}



#mainmenu a{
	
	font-weight: bold;
	
	font-size: 18px;
		
	line-height: 28px;
	
	color: #999999;
	
	display: block;
	
	text-decoration: none;

}


#mainmenu a:hover {
	
	color: #ffffff;

}


#mainmenu .selected { 
    color: #ffffff; 
} 


#mainmenu2 {
	
	background-image: url("images/menubackground2.png");
	
	background-repeat: no-repeat;
	
	padding-top: 32px;
	
	padding-right: 24px;
	
	padding-left: 40px;

	height: 312px;
	float: left;
	position: relative;
	width: 225;
	margin-left: 1207px;
	margin-top: 36px;
}



#mainmenu2 a{
	
	font-weight: bold;
	
	font-size: 18px;
		
	line-height: 28px;
	
	color: #999999;
	
	display: block;
	
	text-decoration: none;

}


#mainmenu2 a:hover {
	
	color: #ffffff;

}


#mainmenu2 .selected { 
    color: #ffffff; 
} 




#mainmenu .divider { 
    border-bottom: 1px 
    solid #999999;
    width: 185px; 
} 



#mainbackground {
	
	background-image: url("images/header.png");
	
	background-repeat: no-repeat;
	height: 304px;
	width: 683px;
	margin-left: 0px;
	float: right;
	position: absolute;
}



#header_afbeelding {
	margin-top: 24px;
	margin-left: 5px;
}



#maincontext {
	
	background-image: url("images/mainbackground.png");
	
	width: 675px;
	margin-left: 0px;
	float: right;
	position: absolute;
	margin-top: 304px;
	background-repeat: repeat-y;
}



#forummessages {
	margin-left: 457px;
}


#reclame {
	width: 683px;
	margin-left: -175px;
	float: right;
	position: absolute;
	margin-top: 310px;
}

#reclame2 {
	width: 683px;
	margin-left: 690px;
	float: right;
	position: absolute;
	margin-top: 310px;
}

en hier de html:

Code:

<html>
	<head>

		<link rel="stylesheet" type="text/css" href="style.css">

		<title>** | **</title>


	</head>
	<body>

		<div id="pagecontainer">
			<form method="post" action=""><div id="memberlogin">

							

			</form>
		</div>



		<div id="mainmenu" height="312">
			<a class="selected" href="index.html">Home</a>
				<div class="divider"></div>
			<a href="menu.html">menu</a>
				<div class="divider"></div>
			<a href="menu.html">menu</a>				
				<div class="divider"></div>
			<a href="menu.html">menu</a>
				<div class="divider"></div>
			<a href="menu.html">menu</a>
		</div>
		
		<div id="reclame">
			<IFRAME height="600" width="160" src="images/reclame.gif" frameborder="0" scrolling="no"></IFRAME><br>
		</div>


		<div id="mainbackground">
			<div id="forummessages">
				<br><br><h2><font color="FFFFFF">Login voor het forum</font></h2><table>
				<tr>	
			<form method="post" action="">
				<td>
				<font color="FFFFFF">Naam:</font></td><td><input name="username" value="naam" type="text" size="16" maxlength="16" bgcolor="#006000"></td></tr><tr>
				<td><font color="FFFFFF">Wachtwoord:</font></td><td><input name="password" type="password" value="wachtwoord" size="16" maxlength="16" bgcolor="#006000"></td></tr></table>
				<input class="inputsubmit" type="submit" value="login" bcolor="#006000"><input type="reset" value="reset"><br>
				</form>


			</div>
			
			<div id="header_afbeelding">
				<img src="image/header.jpg" height="135" width="665">
			</div>
		</div>
		
		<div id="reclame2">
			<IFRAME height="600" width="160" src="images/reclame.gif" frameborder="0" scrolling="no"></IFRAME><br>
		</div>


	<div id="maincontext">	
		<h1>Home</h1>
			hier kun je dan de code van je nieuwbrief systeem zetten
		<br>
		<h2>Lorem Ipsum</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		

<br><br>
<img src="images/mainbottom.png" border="0" alt="">
OpenSourceweb.nl &copy 2008 | ontwerp &amp; realisatie A-WebDeZign
<img src="images/mainbottom.png" border="0" alt="">
</div>


</td>
</tr>
</table>
</div>

<div id="mainmenu2">
<font color="FFFFFF">
<h5>Laatste Forum Reacties</h5>

<h8>
<table>
<tr>
<td><b>Tijd</td><td>topictitle</td><td>Topicstarter</td>
</tr>
<a href="test.html"><tr><td>14:00</td><td>hobby</td><td>**</td></tr></a>   
<a href="test.html"><tr><td>14:00</td><td>hobby</td><td>**</td></tr></a>   
<a href="test.html"><tr><td>14:00</td><td>hobby</td><td>**</td></tr></a>   
<a href="test.html"><tr><td>14:00</td><td>hobby</td><td>**</td></tr></a>   
<a href="test.html"><tr><td>14:00</td><td>hobby</td><td>**</td></tr></a>   
</table>
</h8>
</font>
</div>
	</body>
</html>

Alvast bedankt,
Robin

Probleempjes · 7 nov 2008

Wat ik wel weet is dat bij jou de doctype mist. En daarom denk ik dat het fout gaat:

PHP:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Verdere uitleg over de doctype vind je hier(klik)

andriesf · 7 nov 2008

hij doet het anders nog steeds niet, ik heb het er wel bij gezet

robincon · 7 nov 2008

in ff werkt die ook nog niet 100%
hier staat die iniedergeval online: http://www.euromunten.woelmuis.nl/osw/index.html

robincon · 7 nov 2008

we zijn al wat verder, maar we weten alleen niet hoe we de layout moeten centeren, zodat alles in het midden is

Tha Devil · 9 nov 2008

Kan door na <body>

HTML:

<div id="wrapper">

te zetten en voor </body>

HTML:

</div>

te zetten.

Vervolgens in je CSS

Code:

#wrapper {
  margin: 0 auto;
  width: 900px;
}

Als het goed is zal je pagina gecentreerd zijn.

probleem in html of in de css?

robincon

Gebruiker

Probleempjes

Terugkerende gebruiker

andriesf

Gebruiker

robincon

Gebruiker

robincon

Gebruiker

Tha Devil

Moderator

Nieuwste berichten

Wij waarderen jouw privacy