Avatar billede hoejgaard Juniormester
26. oktober 2006 - 13:35 Der er 50 kommentarer og
1 løsning

forkert indrykning ved minimering af skærmbillede

Hej.
På mit site www.KomsiKomsa.dk har jeg et problem i toppen og bunden når man minimerer skærmbiledet.. margenen i top og bund "rykker" ind over det midterste på siden.
Ved ikke hvad der er galt ??
Nogen der kan hjælpe..
Avatar billede jakobdo Ekspert
26. oktober 2006 - 20:50 #1
Et sted at starte er at få rette disse fejl på din side: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.komsikomsa.dk%2F
Avatar billede hoejgaard Juniormester
26. oktober 2006 - 23:57 #2
fejl 2-10 i validator forstår jeg ikke.. nogen der kan hjælpe her ..
Avatar billede jakobdo Ekspert
27. oktober 2006 - 09:59 #3
Det du mangler til at starte med er en DOCTYPE.
Se her: http://www.html.dk/artikler/00036/
Avatar billede hoejgaard Juniormester
27. oktober 2006 - 15:29 #4
okay har indsat doc type nu, men
hvad med denne melding :
Line 11, column 172: document type does not allow element "META" here .
...dating kæreste dans sport ven bytur" />
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
Avatar billede jakobdo Ekspert
27. oktober 2006 - 16:17 #5
META skal skrives med små bogstaver.
Og jeg synes stadig du har mange fejl på din side! :o)
Avatar billede hoejgaard Juniormester
27. oktober 2006 - 16:32 #6
ja er igang med at finde rette fejlene..
iøvrigt står meta med små bogstaver.. det var denne / der skulle fjernes...

denne her kan jeg dog ikke gennemskue..

Line 108, column 78: delimiter "'" invalid: only S separators and TAGC allowed here .
...itle="'+imageTitle+'";}');writeln('</sc'+'ript>');
Avatar billede sw_red_6 Nybegynder
27. oktober 2006 - 16:36 #7
du kunne jo prøve at fjerne '+' fra de steder. det er jo det den brokker sig over
Avatar billede hoejgaard Juniormester
27. oktober 2006 - 17:32 #8
det hjalp nu ikke at fjerne +
Avatar billede jakobdo Ekspert
28. oktober 2006 - 11:42 #9
Hvilken doctype bruger du?
Avatar billede hoejgaard Juniormester
28. oktober 2006 - 14:08 #10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede jakobdo Ekspert
28. oktober 2006 - 14:24 #11
Hvorfor ikke bare fjerne '+' ?
Avatar billede hoejgaard Juniormester
28. oktober 2006 - 14:30 #12
altså her </sc'+'ript> så det bliver </script>  ??
Avatar billede jakobdo Ekspert
28. oktober 2006 - 15:25 #13
Ja.
Avatar billede hoejgaard Juniormester
28. oktober 2006 - 15:39 #14
fjerner jeg '+' virker scriptet ikke ....
Avatar billede jakobdo Ekspert
28. oktober 2006 - 16:03 #15
Om du har: writeln('</sc'+'ript>');
eller writeln('</script>'); burde være det samme.
Avatar billede hoejgaard Juniormester
28. oktober 2006 - 16:25 #16
det virker ikke når jeg fjerner '+'
prøv at se scriptet her...

<Script language="JavaScript" type="text/javascript" >
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 50;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=yes,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...<\/title><style>body{margin:0px;}<\/style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}
</script>
Avatar billede hoejgaard Juniormester
28. oktober 2006 - 17:51 #17
der skulle være en \ her

writeln('<\/sc'+'ript>');
Avatar billede hoejgaard Juniormester
28. oktober 2006 - 23:55 #18
Nå nu er jeg da nede på 8 fejl... :-)
Nu har jeg så bla nogle fejl (fejl nr. 1 og 6 her http://validator.w3.org/check?uri=http%3A%2F%2Fwww.komsikomsa.dk%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1#line-1595  med <form action... >  der står forkerte steder efter standarden.. 

<table border="0" cellspacing="0" cellpadding="0" width="100%">         
  <tr><td colspan="6">&nbsp;</td></tr>
  <tr><td colspan="6">&nbsp;</td></tr>
  <tr>
      <td  width="10%">&nbsp;</td>
      <td width="30%" >
          <table border="0" cellspacing="0" cellpadding="0" width="100%">           
            <form action = soeger_like2_ny.php method = post>
              <td width="100%" align="center" >
                  <table border="0" cellspacing="0" cellpadding="0" width="100%"> 
                    <tr>
                        <td colspan="2" width="100%"><IMG class='IMG1' alt='Søg invitationer' SRC='soeghoved_invit.gif'></td>
                    </tr>
                  </table>
                  <table border="0" cellspacing="0" cellpadding="0" width="100%"> 
                    <tr>
                        <td  style="border-left: 1px solid #B5C6B5" class="td13" ><br>&nbsp;Kategori:</td>                                                                 
                        <td align="center" style="border-right: 1px solid #B5C6B5"><br><select name="kategori"  style="font-size:12px; border:#4f3728; height: 17px; width: 96px" value='<?php echo "$_POST[kategori]"; ?>' >
                    <option value="">Alle</option>
                   
                    <option value="Bytur">Bytur</option>
                    <option value="Date">Date</option>
                    <option value="Sport">Sport</option>
                    <option value="Kultur">Kultur</option>
                    <option value="Rejse">Rejse</option>
                    <option value="Enlig mor">Enlig mor</option>
                    <option value="Enlig far">Enlig far</option>
                    <option value="Tjeneste">Tjeneste</option>
                    <option value="Andet">Andet</option>                   
          </select></td> 
                  </tr>  osv...................................................
Avatar billede hoejgaard Juniormester
28. oktober 2006 - 23:56 #19
Er min tabel opbygning ikke efter standarden ???
Avatar billede hoejgaard Juniormester
29. oktober 2006 - 12:21 #20
Iøvrigt er mit margen problem ikke løst endnu.. det ser stadig "forkert" ud når man minimerer browser vinduet...
Det er kommet efter at jeg har tilføjet en celle i hver side med width="13%    Problemet var der nemlig ikke før...
Avatar billede hoejgaard Juniormester
30. oktober 2006 - 17:57 #21
Måske det er et spørgsmål til html kategorien.. ?
Avatar billede jakobdo Ekspert
30. oktober 2006 - 20:36 #22
Første fejl er denne linie:
<form action = soeger_like2_ny.php method = post>
Det skal være:
<form action="soeger_like2_ny.php" method="post">

og prøv ligeledes at flyt rundt på disse 2 linier:
<form action = soeger_like2_ny.php method = post>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
Avatar billede hoejgaard Juniormester
30. oktober 2006 - 21:29 #23
det var dejligt.. nu er der kun 1 fejl.. nemlig denne :

Error Line 1416, column 168: there is no attribute "VALUE" .
...28; height: 17px; width: 96px" value='' >
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.

Hvad kan der være galt her ??
Avatar billede hoejgaard Juniormester
30. oktober 2006 - 21:30 #24
linien ser sådan ud :
<td align="center" style="border-right: 1px solid #B5C6B5"><br><select name="kategori" style="font-size:12px; border:#4f3728; height: 17px; width: 96px" value='' >
Avatar billede jakobdo Ekspert
30. oktober 2006 - 21:31 #25
Du burde altså tage og sætte SHOW SOURCE PÅ.
Så kan du gå til linie: 1416!
Der kan du se koden er:

<td align="center" style="border-right: 1px solid #B5C6B5"><br><select name="kategori" style="font-size:12px; border:#4f3728; height: 17px; width: 96px" value='' >
En select har ikke en value="" så fjern den.
Avatar billede hoejgaard Juniormester
30. oktober 2006 - 21:47 #26
ja nu er det rigtigt..
kan select ikke have en value hvis et felt skal "huske" en værdi feks i tilfælde af forkert indtastning i andre felter..? 

Nå men jeg har stadig problemet med margenen der ser forkert ud ved minimering af browser vinduet...har du nogen ide om hvad jeg skal kigge efter her ?
Avatar billede jakobdo Ekspert
30. oktober 2006 - 21:54 #27
Det du bør gøre, er at have en tabel som styre hele din "side", så det er EN tabel som resizes og ikke som nu, hvor du har flere tabeller.
Så tror jeg faktisk du vil kunne rette fejlen ret hurtigt.
Avatar billede hoejgaard Juniormester
30. oktober 2006 - 22:01 #28
er ikke helt med...hvordan kan jeg nøjes med en tabel ??
Avatar billede jakobdo Ekspert
30. oktober 2006 - 22:08 #29
<table>
<tr>
<td>
<table>DENNE SKAL INDEHOLDE TOPPEN AF DINE SIDE - LOGO, LOGIN og MENU</table>
</td>
</tr>
<tr>
<td>
<table>DENNE SKAL INDEHOLDE MIDTERSIDEN - PROFILER og LIGN</table>
</td>
</tr>
<tr>
<td>
<table>DENNE SKAL INDEHOLDE NEDERSTE SIDE - BUND MENU, EVT CREDIT</table>
</td>
</tr>
</table>
Avatar billede hoejgaard Juniormester
30. oktober 2006 - 23:26 #30
jeg har lige prøvet at lave det som du foreslår, men der var stadig et problem medtop og bund margen ved minimering af browservindue..
Avatar billede hoejgaard Juniormester
31. oktober 2006 - 00:44 #31
nu har jeg med toppen og midten forsøgt med koden herunder, men som du kan se på www.komsikomsa.dk/menueks.php hjælper det ikke med den overordnede tabel.... :

<html>
<table width="100%" border="0" cellspacing="0" cellpadding="0" >


<tr><td width="100%">
<table width="100%" style="padding-top :2px" align="center" border="0" cellspacing="0" cellpadding="0" >
<tr>
  <td  width="13%" bgcolor="#333333" >&nbsp;</td>
  <td width="59%" >  &nbsp;</td>
  <td width="15%"  style="cellspacing :0; cellpadding: 0; padding-top :4px" valign="top" >&nbsp;</td>
  <td  width="13%" bgcolor="#333333">&nbsp;</td>   
</tr>
</table>
</td></tr>

<tr><td width="100%">
<table style="width:100%; height:631px"  border="0" cellspacing="0" cellpadding="0" align="center">
<tr><td width="13%" bgcolor="#333333">&nbsp;</td>
      <td width="74%">
          <table border="0" cellspacing="0" cellpadding="0" width="100%" > 
            <tr valign="top">
              <td width="84%" >
                  <table border="0" cellspacing="0" cellpadding="0" width="100%" > 
                      <tr>
                        <td  width="12%" >&nbsp;</td>
                        <td width="30%"  valign="top" >
                            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                              <tr>
                                  <td colspan="4" width="100%"><?php echo "<a href=\"tilmeld_godkend_udvidet.php?vis=".$row['id']."\"><IMG class='IMG1' alt='Tilmeld invitation' title='Tilmeld invitation'  SRC='tilmeld_knap.gif'></a>"; ?><?php echo "<a href=\"semere_bokse_final.php?vis=".$row['id']."\"><IMG class='IMG1' alt='Se invitation' title='Se invitation'  SRC='semere_knap1.gif'></a>"; ?></td>
                                </tr>
                            </table>
                          </td>
                          <td width="16%"  valign="top" >
                          <td width="30%"  valign="top" >
                            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                <tr valign="top">
                                  <td colspan="4" width="100%">&nbsp;</td>
                                </tr>
                            </table>
                          </td>
                          <td  width="12%" >&nbsp;</td>
                      </tr>
                    </table>
                </td>
            </tr> 
        </table>
    </td>
    <td  width="13%" bgcolor="#333333">&nbsp;</td>
</tr>
</table>
</td></tr>

</table>
</html>
Avatar billede jakobdo Ekspert
31. oktober 2006 - 08:00 #32
Har forsøgt et helt enkelt eksempel, håber du kan bgyge videre på det: http://www.codebreaker.dk/exp/740966exp.php
Avatar billede hoejgaard Juniormester
31. oktober 2006 - 12:05 #33
ja vil mene at det er det samme jeg har nu, men det er som om at det kommer an på inholdet i hhv top, midte og bund hvormeget det "presses sammen ved minimering af browservinduet..
Avatar billede hoejgaard Juniormester
01. november 2006 - 02:12 #34
Nublev det bedre efter at jeg satte hovedtabellen til style="width:800px;"
Hvorfor virker det ikke med width="100%" ??

Jeg får en hvid streg i margen der hvor top og midte samt midte og bund mødes.. hvordan undgår jeg det ??
Avatar billede hoejgaard Juniormester
01. november 2006 - 02:13 #35
det var nu http://www.komsikomsa.dk/index_2.php  du skulle kigge på :-)
Avatar billede sw_red_6 Nybegynder
01. november 2006 - 08:41 #36
har du sat cellspacing="0" og cellpadding="0" ?
Avatar billede jakobdo Ekspert
01. november 2006 - 08:52 #37
Der er altså stadig noget galt i højre side.
Der kommer en stor hvis streg, samt login boksen forbliver ude til højre og rykker ikke med mod midten ved resize.
Avatar billede jakobdo Ekspert
01. november 2006 - 08:53 #38
Men som du rigtig nok også er inde over, så snakker vi HTML problem, dette har ikke noget med PHP at gøre.
Avatar billede hoejgaard Juniormester
01. november 2006 - 12:19 #39
jakobdo 
hvilken side kigger du på ??
Avatar billede jakobdo Ekspert
01. november 2006 - 12:28 #40
http://www.komsikomsa.dk/index_2.php og jeg bruger Firefox 1.5.0.7
Avatar billede hoejgaard Juniormester
01. november 2006 - 12:34 #41
prøv og check : http://www.komsikomsa.dk/index_2.php

ser det ikke rigtigt ud med margenen nu..?
Avatar billede hoejgaard Juniormester
01. november 2006 - 12:37 #42
okay jeg bruger IE , så ved ikke om det ser rigtigt ud i andre browsere...

Men igen, hvorfor gør det en forskel at sætte width i hovedtabellen i px fremfor % ??
Avatar billede jakobdo Ekspert
02. november 2006 - 07:56 #43
PX er jo PIXELS.
Så hvis du angiver noget i 800px, så vil det altid være 800pixels, også selvom du resizer vinduet.
% er procent, og 80% af en skærm med opløsningen:
1024*768 = 819*614
800*640  = 640*512
Så dermed ændres dine størrelser ved en resize.
Avatar billede hoejgaard Juniormester
02. november 2006 - 11:40 #44
Så ville det vel i grunden være bedst at benytte PX i alle tabeller og celler, eller hvad ?
Avatar billede jakobdo Ekspert
02. november 2006 - 11:58 #45
Smag og behag. Men jeg gør det.
Så er det nemmest at holde et design mere eller mindre ens i alle opløsninger.
Avatar billede hoejgaard Juniormester
02. november 2006 - 12:07 #46
undre mig dog lidt at der er så stor forskel på mit design i IE og firefox....
Avatar billede jakobdo Ekspert
02. november 2006 - 12:34 #47
:o)
Det er altid en udfordring ja.
Avatar billede hoejgaard Juniormester
09. november 2006 - 12:07 #48
læg et svar jacobdo
Avatar billede jakobdo Ekspert
09. november 2006 - 18:02 #49
Svar!
Fik du lavet designet om, så det virker nu?
Avatar billede hoejgaard Juniormester
10. november 2006 - 14:43 #50
Næ ikke endnu, menuen står helt ude til venstre lige når man åbner siden, og først ved opdatering kommer den på plads.....

Og det med firefox, har jeg ikke fået ordnet endnu, vil først ha det på plads i IE
Avatar billede jakobdo Ekspert
10. november 2006 - 19:47 #51
Takker for point. :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester