andere browsers maken geen gebruik van mijn stylesheet

Status
Niet open voor verdere reacties.
Mitsie007

Mitsie007

Gebruiker
Lid geworden
21 okt 2006
Berichten
276
Hallo allemaal,

ik heb al een tijdje een probleem met mijn stylesheet. Ik heb mijn website gemaakt in google chrome. Hij werkt naar behoren, maar als ik hem open in een andere browsers dan vervalt de stylesheet. Ik maak gebruik van (een klein stukje)interne en (voornamelijk)externe css. Wanneer ik alle code van de externe sheet kopieër en als interne CSS gebruik, functioneert de website op alle andere browsers wel goed.

Weten jullie waardoor dit kan komen?

Mijn website is gevalideerd op CSS en xhtml en is na het repareren van kleine foutjes, goed gekeurd.
Mijn excuses.... Mijn code is nog niet voorzien van het juiste commentaar.

Mijn website --->>> http://www.myrtheroos.nl

Mijn xhtml code
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<?
include ("functions.php");
$aLijst = paginaBepaling();
?>		


<head>
	<title>		Ontwerp website		</title>
	
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>

	<style type="text/css">	
		body{
			font-family: Veranda, Arial;
			font-size: 11px;
			background-color:#93784B;
			background-repeat:no-repeat;
			background-attachment:scroll;
			background-image: url(<?php print $aLijst[0] ?>);
		}
	</style>
	
	<link rel="stylesheet" href="CSS/css1.css" type="text/javascript" />	
	<link rel="stylesheet" href="CSS/lightbox.css" type="text/css" media="screen" />
	
	<script type="text/javascript" src="Javascript/prototype.js"></script>
	<script type="text/javascript" src="Javascript/scriptaculous.js?load=effects,builder"></script>
	<script type="text/javascript" src="Javascript/lightbox.js"></script>
	
</head>
<body>

	<div id = "wrapper">

		<div id="menu">
			<?
			menuBalk();	
			?>
		</div>
		
		<div class="tekstveld">
			<?
			$pagina = $aLijst[1];
			laadtPagina($pagina);
			?>
		</div>
		
		<!--<div id = "push">
			
		</div>-->
	
		<div class="footer">
			<?
			footer();
			?>
		</div>
		
	</div>

</body>
</html>

Mijn CSS code
Code: 
/*Standaard waarde van margin en padding*/
* {
margin: 0;
padding: 0;
}

html, body {
	height: 90%;
}
.wrapper {
	margin: 0 auto;
	position: relative;
	width: 500px;
	height: 100%;
	height: auto !important;
	min-height: 100%;
}

.push {
	width: 100%;
	padding: 1em 1em 5em;
}

.footer{
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 98%;
	text-align: center;
}

td{
	font-family: Veranda, Arial;
	font-size: 11px;
}

/*Tekstveld waarin de tekst van de gewenste pagina wordt getoond*/
.tekstveld {
	position: relative; 
	padding:20px;
	width: 400px; 
	height: 340px; 
	position: absolute;
	top:130px;
	left:130px;
	overflow:auto;
	background: #FFFFFF; /*binnen in box*/ 
	color: #93784B; /*lettertype*/
}


/* Afronding van de hoeken van .tekstveld */
#lb1, #rb1, #lo1, #ro1 {
	position: absolute; 
	width: 20px; 
	height: 20px; 
	background: #93784B; /*<<<<<<  halve ronden, afwerken*/ 
	color: #F30; /*niets*/ 
	overflow: hidden;
}

/* Afronding van de hoeken van .tekstveld */
#lb1 {
	top: 0px; 
	left: 0px;
}

/* Afronding van de hoeken van .tekstveld */
#rb1 {
	top: 0px; 
	left: 420px; 
}

/* Afronding van de hoeken van .tekstveld */
#lo1 {
	top: 360px; 
	left: 0px;
}

/* Afronding van de hoeken van .tekstveld */
#ro1 {
	top: 360px; 
	left: 420px;
}

/* Afronding van de hoeken van .tekstveld */
#lb-bullet1, #rb-bullet1, #lo-bullet1, #ro-bullet1 {
	position: absolute; 
	font-size: 150px; 
	font-family: arial; 
	color: #FFFFFF; /*binnenkant, rondjes*/
	line-height: 40px;
}

/* Afronding van de hoeken van .tekstveld */
#lb-bullet1 {
	left: -8px;
}

/* Afronding van de hoeken van .tekstveld */
#rb-bullet1 {
	left:-25px; 
}

/* Afronding van de hoeken van .tekstveld */
#lo-bullet1 {
	top: -17px; 
	left: -8px;
}

/* Afronding van de hoeken van .tekstveld */
#ro-bullet1 {
	top: -17px; 
	left: -25px;
}

#content {
	position: absolute; 
	top: 10px; 
	left: 10px; 
	width: 380px; 
	height: 130px; 
	color: #000000; /*niets*/
	font-family: arial;
}

/* menu.php */
#menu ul{
	width: 435px;
	padding: 7px;
	margin-top: 90px;
	margin-left:140px;
}

#menu li{
	display: inline;
	white-space: no-wrap;
}

#menu ul li a{
	padding-left: 1em;
	padding-right: 1em;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover{
	color: #000000;
}

div.beheerderGegevens{
	position: absolute;
	top: 125px;
	left: 100px;
}

a.mailLink{
	position: absolute;
	top: 310px;
	left: 350px;
}

img.lijn{
	position: absolute;
	top: 30px;
	left: 80px;
}
 
img.footerLijn{
	position: absolute;
	top: 0px;
	left:570px;
} 

#restFooter{
	position: absolute;
	top: 20px;
	left: 900px;
}

#footerFont{
	font-size: 14;
}

img.fotoGalerij{
	width:150px;
	height:150px;
}

table.fotoTabel{
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

tr.fotoTabel{
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

td.fotoTabel{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
}

p.fotoMapNaam{
	color: #000000;
	font-weight:bold;
}
 
Laatst bewerkt:
Simpel
HTML: 
<link rel="stylesheet" href="CSS/css1.css" type="text/javascript" />
moet zijn
HTML: 
<link rel="stylesheet" href="CSS/css1.css" type="text/css" />
 
Hahaha!

geweldig, en daar ben ik dagen naar aan het zoeken! :P
Super bedankt, hij doet het nou ook gewoon :d:d:d:d:d
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan