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:
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é
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" />
<img src="jbw%20logo.jpg" width="32" height="53" />
<img src="welkom.jpg" width="221" height="43" />
<img src="brw%20logo.jpg" width="82" height="59" />
<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: