zwart vak?!

Status
Niet open voor verdere reacties.

treinengek

Gebruiker
Lid geworden
23 apr 2007
Berichten
82
een klein tijdje terug had ik de vraag over het goed passen van de pagina in het beeldscherm naar veel gestuntel heb ik aar iets met persentages uitgekregen. ik vond dat te moeilijk en heb besloten iets te veranderen. dat is gelukt. maar nu heb ik een ander probleem. mijn achtergrond is wit. De kleur in de tabel is zwart. in mijn html iditor (microsoft expresion web) staat alles zo als het hoord. maar in mijn browser staat er op de verkeerde plek een zwart blok waar het wit hoort te zijn... wat is het probleem? en wie weet miss de oplossing?

dit is de code van mijn site:

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.style21 {
	position: absolute;
	z-index: 15;
	left: 95px;
	top: 135px;
	width: 100px;
	height: 18px;
}
.style29 {
	position: absolute;
	z-index: 23;
	left: 214px;
	top: 132px;
	width: 604px;
	height: 27px;
	color: #FFFFFF;
}
.style11 {
	position: absolute;
	z-index: 9;
	left: -50px;
	top: -2px;
	width: 143px;
	height: 505px;
}
.style15 {
	position: absolute;
	z-index: 12;
	left: 1104px;
	top: -5px;
	width: 147px;
	height: 649px;
}
.style16 {
	margin-left: 0px;
}
.style18 {
	position: absolute;
	z-index: 13;
	left: 93px;
	top: -15px;
	width: 815px;
	height: 72px;
}
.style19 {
	position: absolute;
	z-index: 14;
	left: 94px;
	top: 58px;
	width: 813px;
	height: 54px;
}
.style22 {
	position: absolute;
	z-index: 16;
	left: 96px;
	top: 124px;
	width: 812px;
	height: 4px;
}
.style23 {
	position: absolute;
	z-index: 17;
	left: 95px;
	top: 157px;
	width: 98px;
	height: 20px;
}
.style24 {
	position: absolute;
	z-index: 18;
	left: 95px;
	top: 178px;
	width: 100px;
	height: 20px;
}
.style25 {
	position: absolute;
	z-index: 19;
	left: 95px;
	top: 199px;
	width: 100px;
	height: 20px;
}
.style26 {
	position: absolute;
	z-index: 20;
	left: 95px;
	top: 219px;
	width: 100px;
	height: 20px;
}
.style27 {
	position: absolute;
	z-index: 21;
	left: 203px;
	top: 130px;
	width: 8px;
	height: 516px;
}
.style28 {
	position: absolute;
	z-index: 22;
	left: 94px;
	top: 133px;
	width: 103px;
	height: 413px;
}
</style>
<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
</head>

<body background="bground.gif">

<table style="width: 110%; z-index: 1; left: 27px; top: -28px; position: absolute; height: 647px; margin-top: 29px">
	<tr>
		<td bgcolor="#000000">

<div id="layer16" class="style21">
	<img style="border: 0" id="img1" src="button71.gif" height="20" width="100" alt="Algemeen" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button72.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button71.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button73.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button72.gif')" /><!-- MSComment="ibutton" fp-style="fp-btn: Glass Capsule 1; fp-transparent: 1" fp-title="Algemeen" --></div>
<div id="layer24" class="style29">
	Welkom bij jeugdbrandweer ScherpenWoude!</div>
<head>
<!--[if gte mso 9]><xml>
<o:CustomDocumentProperties>
<o:Categories msdt:dt="string">Business;Competition;Expense Report;Goals/Objectives;Ideas;In Process;Miscellaneous;Planning;Schedule;Travel;VIP;Waiting</o:Categories>
<o:Approval_x0020_Level msdt:dt="string"></o:Approval_x0020_Level>
<o:Assigned_x0020_To msdt:dt="string"></o:Assigned_x0020_To>
</o:CustomDocumentProperties>
</xml><![endif]-->
<meta http-equiv="Content-Language" content="nl" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

a{font-family:arial,sans-serif}a{color:#00c}
.style11 {
	position: absolute;
	z-index: 9;
	left: -50px;
	top: -2px;
	width: 143px;
	height: 505px;
}
.style15 {
	position: absolute;
	z-index: 12;
	left: 1104px;
	top: -5px;
	width: 147px;
	height: 649px;
}
.style16 {
	margin-left: 0px;
	margin-right: 1px;
}
.style18 {
	position: absolute;
	z-index: 13;
	left: 93px;
	top: -15px;
	width: 815px;
	height: 72px;
}
.style19 {
	position: absolute;
	z-index: 14;
	left: 94px;
	top: 58px;
	width: 803px;
	height: 54px;
}
.style21 {
	position: absolute;
	z-index: 15;
	left: 95px;
	top: 135px;
	width: 100px;
	height: 18px;
}
.style22 {
	position: absolute;
	z-index: 16;
	left: 96px;
	top: 124px;
	width: 812px;
	height: 4px;
}
.style23 {
	position: absolute;
	z-index: 17;
	left: 95px;
	top: 156px;
	width: 98px;
	height: 20px;
}
.style24 {
	position: absolute;
	z-index: 18;
	left: 95px;
	top: 177px;
	width: 100px;
	height: 20px;
}
.style25 {
	position: absolute;
	z-index: 19;
	left: 95px;
	top: 198px;
	width: 100px;
	height: 20px;
}
.style26 {
	position: absolute;
	z-index: 20;
	left: 95px;
	top: 219px;
	width: 100px;
	height: 20px;
}
.style27 {
	position: absolute;
	z-index: 21;
	left: 203px;
	top: 130px;
	width: 8px;
	height: 516px;
}
.style28 {
	position: absolute;
	z-index: 22;
	left: 94px;
	top: 133px;
	width: 103px;
	height: 413px;
}
.style29 {
	position: absolute;
	z-index: 23;
	left: 214px;
	top: 132px;
	width: 604px;
	height: 27px;
	color: #FFFFFF;
}
</style>
<meta name="keywords" content="jeugdbrandweer jeugdbrandweerScherpenwoude Scherpenwoude ScherpenWoude Woudenberg Scherpenzeel. Brandweer jeugd brandweer Spuiten brand water blussen ongevallen redden hulpverlening" />
<meta name="description" content="De home page van jeugdbrandweer scherpenwoude" />
<title>Jeugdbrandweer ScherpenWoude - Home</title>
</head>

<body bgcolor="#FFFFFF" onload="FP_preloadImgs(/*url*/'button72.gif',/*url*/'button73.gif',/*url*/'button75.gif',/*url*/'button76.gif',/*url*/'button78.gif',/*url*/'button79.gif',/*url*/'button7B.gif',/*url*/'button7C.gif',/*url*/'button7E.gif',/*url*/'button7F.gif')" background="bground.gif">

		<div id="layer10" class="style11">
		<img src="img4A.gif" width="143" height="647" /></div>

<div id="layer13" class="style15" style="left: 901px; top: -5px; width: 109px; height: 647px">
	<img src="img4E.gif" width="98" height="649" class="style16" /></div>

                                <script LANGUAGE="JavaScript"> 
var scrollCounter = 0; 
var scrollText = "Welkom bij jeugdbrandweer ScherpenWoude!! De site van jeugdbrandweer Scherpenzeel en Woudenberg!!!"; 
var scrollDelay = 70; 
//70 is de snelheid, hoe hoger, hoe langzamer 
var i = 0; 
while (i ++ < 50) 
//De 50 is de afstand, vanaf links waar hij begint 
scrollText = " " + scrollText; 
function Scroller() 
{ 
window.status = scrollText.substring(scrollCounter++, scrollText.length); 
if (scrollCounter == scrollText.length) 
scrollCounter = 0; 
setTimeout("Scroller()", scrollDelay); 
} 
Scroller(); 
</script> 

                                
<div id="layer14" class="style18">
	<img src="JbWlogo.jpg" width="808" height="67" /></div>
<div id="layer15" class="style19">
	<img src="welkom.jpg" width="215" height="45" />&nbsp;&nbsp;
	<img src="jbw%20logo.jpg" width="32" height="53" />&nbsp;&nbsp;
	<img src="welkom.jpg" width="221" height="43" />&nbsp;&nbsp;
	<img src="brw%20logo.jpg" width="82" height="59" />&nbsp;&nbsp;
	<img src="welkom.jpg" width="198" height="41" /></div>

                                
		<div id="layer17" class="style22">
			<img src="Rand1.gif" width="798" height="1" /></div>
		<div id="layer18" class="style23">
			<img style="border: 0" id="img2" src="button74.gif" height="20" width="100" alt="Aspiranten" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button75.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button74.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'button76.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button75.gif')" /><!-- MSComment="ibutton" fp-style="fp-btn: Glass Capsule 1; fp-transparent: 1" fp-title="Aspiranten" --></div>
		<div id="layer19" class="style24">
			<img style="border: 0" id="img3" src="button77.gif" height="20" width="100" alt="Junioren" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'button78.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'button77.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'button79.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'button78.gif')" /><!-- MSComment="ibutton" fp-style="fp-btn: Glass Capsule 1; fp-transparent: 1" fp-title="Junioren" --></div>
		<div id="layer20" class="style25">
			<img style="border: 0" id="img4" src="button7A.gif" height="20" width="100" alt="Contact" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button7B.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button7A.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button7C.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button7B.gif')" /><!-- MSComment="ibutton" fp-style="fp-btn: Glass Capsule 1; fp-transparent: 1" fp-title="Contact" --></div>
		<div id="layer21" class="style26">
			<img style="border: 0" id="img5" src="button7D.gif" height="20" width="100" alt="FAQ" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button7E.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button7D.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button7F.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button7E.gif')" /><!-- MSComment="ibutton" fp-style="fp-btn: Glass Capsule 1; fp-transparent: 1" fp-title="FAQ" --></div>
		<div id="layer22" class="style27">
			<img src="Rand2.gif" width="5" height="508" /></div>

                                
		<div id="layer23" class="style28">
		</div>

                                
</body>

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

</body>

</html>

ik heb hier nog een printscreen zoals de site eruit ziet met het probleem (bovenste plaatje met het probleem onderste bewerkt met paint zoals ik hem wil hebben)

http://img208.imageshack.us/img208/6669/probleemho7.jpg

ik heb een breedbeeldscherm. op een normaal scherm zie je een heel stuk minder wit.

ik hoop dat iemand me kan helpen.
mvg Corné
 
Laatst bewerkt:
heerlijk, die scrambled code...

ik denk dat dit het is:
HTML:
<body background="bground.gif">

<table style="width: 110%; z-index: 1; left: 27px; top: -28px; position: absolute; height: 647px; margin-top: 29px">
	<tr>
		<td bgcolor="#000000">

(de #000000 is zwart, vandaar)
Het staat net onder je head (onder </head>) . Bovendien, 2x een <body>???? -_-"
 
heerlijk, die scrambled code...

ik denk dat dit het is:
HTML:
<body background="bground.gif">

<table style="width: 110%; z-index: 1; left: 27px; top: -28px; position: absolute; height: 647px; margin-top: 29px">
	<tr>
		<td bgcolor="#000000">

(de #000000 is zwart, vandaar)
Het staat net onder je head (onder </head>) . Bovendien, 2x een <body>???? -_-"

ik heb geen verstand van html code altans niet dat ik het uit me hoofd kan. daarom gebruik ik web expresion. en dat is het probleem niet. denk ik... dat is de kleur van de tabel. mijn pagina bestaat in feite vanuit 2 delen. een achtergrond en een tabel. de tabel loopt van de kleurovergang tot aan de kleurovergang (bij allebij tot aan de helft). verder hoord de rest als achtergrond wit te zijn... (kleurovergangen zijn afbeeldingen)
 
Laatst bewerkt:
dan verandert het heele tabel gedeelte in wit... tis de achtergrond van aleen het gedeelte tabel
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan