Resolutie

kappel · 14 mrt 2007

http://home.quicknet.nl/qn/prive/n.vanderzel/index.htm

Ik ben best een beetje trots op mijn website in wording! maar nu hoor ik dat het beeld verknipt overkomt.
De klager heeft de beeldschermresolutie staan op 800 - 600 en ik op 1024 -768.
Hoe los ik dit op?

Tha Devil · 15 mrt 2007

Ik bekijk hem op 1280x1024 en ik moet naar rechts scrollen wil ik het menu zien (Kan ook zijn omdat ik Firefox gebruik)

Plak onderstaande code eens in index.html (Er staat wel PHP maar dat is voor de correcte weergave van de code)

PHP:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Westfriese Ouderen Club</title>
<style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold}
</style>
<style>
<!--
.ms-color1-main { border: 1.5pt solid teal }
.ms-color1-tl { font-weight: bold; color: white; border-style: none; background-color: black }
.ms-color1-top { font-weight: bold; color: white; border-style: none; background-color: black }
-->
</style>
</head>
<body style="background-attachment: fixed" link="#FFFF00" text="#000080" vlink="#FF0000" alink="#00FF00">

<h1 align="center">
 <a href="extra.htm">
   <img border="0" src="images/OudLeuk.jpg" width="145" height="95" align="left">
 </a>
 <img border="0" src="images/OudLeuk.jpg" width="145" height="95" align="right">
 <font size="7">Westfriese Ouderen Club</font>
</h1>
<br />
<br />

<div align="center">
	<table border="1" width="100%" id="table1" class="ms-color1-main" height="30" style="border-width:1px; border-style:solid" cellspacing="4">
		<!-- fpstyle: 8,011111100 -->
	 <tr align="center">
		<td width="20%" class="ms-color1-tl">
		 <a class="ms-color1-main" href="Het%20bestuur.htm">Het Bestuur</a>
		</td>
		<td width="20%" class="ms-color1-top">
		 <a href="Over%20de%20woc.htm">Over de W-O-C</a>
		</td>
		<td width="20%" class="ms-color1-top">
		 <a href="Teaminformatie.htm">Teamwedstrijden</a>
		</td>
		<td width="20%" class="ms-color1-top">
		 <a href="PK.htm">Pers. Kampioenschappen</a>
		</td>
		<td width="20%" class="ms-color1-top">
		 <a href="Nieuws.htm">Rapport en Verslagen</a>
		</td>
	 </tr>
	</table>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>

	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</p>
	<p align="center">&nbsp;</div>

<div style="position: absolute; width: 928px; height: 422px; z-index: 4; left: 14px; top: 159px" id="laag4">
	<br />
	<p align="center">
	 <b>
	  <font face="Arial">
	   <font color="#0000ff" size="6">W</font>
		 <font size="3">elkom op de website van de Westfriese - Ouderen -	Club waar veel is te vinden over de vereniging.</font>
		 <font color="#0000ff" size="6"><br />O</font>
		 <font size="3">ok vindt U hier alles over de Teamindelingen het wedstrijdprogramma en het laatste nieuws.<br /></font>
		 <font color="#0000ff" size="6">C</font>
		 <font size="3">ompetitie uitslagen van de Persoonlijke Kampioenschappen en de Teamwedstrijden.</font>
	  </font>
		<br /><br />
	  <hr />
	  <font face="Arial" size="2">Meer weten? De Statuten en het Huishoudelijke Reglement liggen bij Uw secretaris ter inzage.</font>
	 </b>
	</p>
	<p align="left">
	<font color="#000000">
	<span style="text-decoration: none">
	<font face="Comic Sans MS">
	<!--webbot bot="Timestamp" S-Type="REGENERATED" S-Format="%d %B %Y" startspan -->14 maart 2007<!--webbot bot="Timestamp" i-checksum="29541" endspan --></font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

	</span>
	<a href="mailto:jaapdehaan@quicknet.nl"><img border="0" src="images/E-mail.gif" width="89" height="26"></a></font></a><font color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
	&nbsp;&nbsp;</font><a style="color: #00c; font-family: arial,sans-serif" href="http://www.buienradar.nl/"><font color="#000000"><img style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" height="84" src="http://tbn0.google.com/images?q=tbn:x8EL3RdZoLF49M:http://www.wintersporters.nl/img/kaarten/wm_kaart_eur_weer.jpg" width="109"></font></a></p>
	<div style="position: absolute; width: 100px; height: 67px; z-index: 1; left: 489px; top: 251px" id="laag5">
		<font face="Deco-S760"><b>Het weer? ---&gt;</b></font></div>
	<p align="left"><font size="1" face="Comic Sans MS" color="#C0C0C0">(c)Nico 
	van der Zel&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>
	<font face="Comic Sans MS"><a href="http://www.yellowtracker.com" style="text-decoration:none;">
	<font color="#000080">bezoekersteller</font></a></font></p>

	<p align="left">
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font size="1" face="Comic Sans MS">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>
	</p>
	</div>
	<!--YELLOWTRACKER SCRIPTCODE START-->
<!--
// Het wijzigen van deze code is niet toegestaan en zal uw account definitief blokkeren!
// Account ID : 377890
// Website URL: http://home.quicknet.nl/qn/prive/n.vanderzel/index.htm
// Copyright (C) 2002-2006 YellowTracker.com All Rights Reserved
-->
<div id="YellowTrackerTag"><table border='0' cellpadding='0' cellspacing='0'><tr><td align='center'>
<script type="text/javascript">
<!--
function YellowTracker_Pageview()
{
    var d=document;
    var sid="377890";
    var CONTENTSECTION="";
    var osp_URL=d.URL;
    var osp_Title=d.title;
    var t=new Date();
    var p="http"+(d.URL.indexOf('https:')==0?'s':'')+"://stat.yellowtracker.com/stat.aspx?tagver=2&sid="+sid;
    p+="&url="+escape(osp_URL);
    p+="&ti="+escape(osp_Title);
    p+="&section="+escape(CONTENTSECTION);
    p+="&rf="+escape(parent==self?document.referrer:top.document.referrer);
    p+="&tz="+escape(t.getTimezoneOffset());
    p+="&ch="+escape(t.getHours());
    p+="&js=1";
    p+="&ul="+escape(navigator.appName=="Netscape"?navigator.language:navigator.userLanguage);
    if(typeof(screen)=="object"){
       p+="&sr="+screen.width+"x"+screen.height;p+="&cd="+screen.colorDepth;
       p+="&jo="+(navigator.javaEnabled()?"Yes":"No");
    }
    d.write('<a href="http://www2.yellowtracker.com/aspx/redirect.aspx" target=_blank><img id="YELLOWTRACKER_TAG" border="0" src="'+p+'" alt="This site tracked by YellowTracker.com. Get your own free site counter."></'+'a>');
}

YellowTracker_Pageview();
//-->
</script>

<noscript>
<a href="http://www.yellowtracker.com"><img border="0" src="http://stat.yellowtracker.com/stat.aspx?tagver=2&amp;sid=377890&amp;js=No&amp;"  ALT="Gratis web site teller."></a>
</noscript>
</td></tr><tr><td align='center'><div style="COLOR:black;display:none;FONT-FAMILY:'Verdana';"><br></div></td></tr></table></div>
<!--YELLOWTRACKER SCRIPTCODE END-->


</body>

</html>

Ik heb enkele Frontpage codes weggehaald om zo wat meer duidelijkheid te creeeren. (Tot aan "Meer weten?" heb ik het wat gewijzigd)

Ten eerste voor mijzelf, zodat ik wist wat waar bij hoorde en ten tweede om zo de boel bij mij redelijk in beeld te krijgen...

kappel · 17 mrt 2007

Resolutie probleem

Het is me niet helemaal gelukt maar dat ligt ongetwijfeld aan mij.
Maar wat is de clue om de site zo te maken dat het in ook in verschillende resoluties werkt?

Tha Devil · 17 mrt 2007

Werken met CSS en met percentages...

Maar dat zal je in Frontpage niet zo makkelijk voor elkaar krijgen denk ik...

kappel · 20 mrt 2007

Als mijn site in een laag resolutie wordt geopend zijn de "lagen" verschoven en komen dan gedeeltelijk over de tekst heen. Dit moet toch anders kunnen want andere Websites gaan wel goed....

HenrietteS · 20 mrt 2007

hetzelfde probleem

Hoi,

ik heb hetzelfde probleem met www.likeability.nl. Op mijn computer ziet het er top uit, maar met een andere resolutie is het echt niks. Nu moet ik bekennen, dat de antwoorden die jullie Kappel geven me ook niet echt helpen. Hebben jullie een duidelijke oplossing.

peter vazed · 20 mrt 2007

Tja, als aangeeft dat iets op een BEPAALDE plek moet komen, dan gebeurt dat ook.
Zeer zeker als je dan ook nog een vaste breedte aangeeft.
Als voorbeeld:
div style="position: absolute; width: 928px; height: 422px; z-index: 4; left: 14px; top: 170px"

Jullie beiden gebruiken div's in een tabel, en dan moet je NIET met deze waardes werken.

Bovendien mis ik enige html code aan het begin en einde van de pagina's.
Maar dit is niet het probleem.
Probleem ligt bij de div's.

Pagina gemaakt:
opgeslagen -> via verkenner openen en dan browservenster kleiner schuiven met muis.
Dan zie je wat er gebeurt.

TheVirus · 22 mrt 2007

Is in Frontpage vrij gemakklijk.

Maak in elke pagina die je hebt een tabel Stel deze bij eigenschappen in op 100%. breedte. Mensen met verschillende beeldscherm instellingen hebben hier dan geen probleem, beeld is altijd 100% Zet in de tabel de tekst met ook tabellen voor foto's.

Zie: www.biljartenborculo.nl

Virus

kappel · 23 mrt 2007

Dus in plaats van "lagen" een tabel gebruiken?
Sorry Sr en pas begonnen maar we komen er uit.
Leuke site hebben jullie trouwens.

Resolutie

kappel

Terugkerende gebruiker

Tha Devil

Moderator

kappel

Terugkerende gebruiker

Tha Devil

Moderator

kappel

Terugkerende gebruiker

HenrietteS

Nieuwe gebruiker

peter vazed

Meubilair

TheVirus

Gebruiker

kappel

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy