Varför blir det fel i olika webläsare

FunTrixMedlem sedan okt. 2003118 inlägg

Frågan5 sep. 2005 20:55#1

hejsan!
jag har ett jobbigt problem med att få ett sökformulär för google att hamna rätt i alla webläsare så tänkte att man kunde sätta in det efter kordinater...
sökfället ska sitta på en del av min toppbanner och när jag har testat att få det att se bra ut i tabeller så har det alltid krånglat i någon webläsare...
jag skickar med ett en kod på hur det ser ut med kordniaterna..
använda funktionen för att göra så att man bara kan klicka på vissa ställen av en bild...
vill alltså få sökrutan google att fungera där det ligger nu, just nu ser man inget om man visar sidan... har även som sagt testat att använda mig av tabeller men då har det alltid krånglat i någon webläsare.

sidan med tabeller:

<? include "conn.php"; // Databasanslutningen  ?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="favicon.ico">
<link href="allmant/mall.css" rel="stylesheet" type="text/css">
<link href="allmant/meny.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
	margin-top: 20px;
	margin-bottom: 15px;
}
-->
</style></head>

<body leftmargin="0" rightmargin="0" marginwidth="0">
<div id="Layer1" style="position:absolute; left:759px; top:46px; width:200px; height:405px; z-index:1"><script language="javascript">
var uri = 'http://impse.tradedoubler.com/imp/js/995237/282044?' + new String (Math.random()).substring (2, 11);
document.write('<sc'+'ript language="JavaScript" src="'+uri+'" charset="ISO-8859-1"></sc'+'ript>');
</script>
  <br>
<a href="http://clk.tradedoubler.com/click?p=20712&a=282044&g=705475" target="_blank"><img src="hitta_ad.jpg" width="140" height="140" border="0"></a></div>
<table width="747"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="747" height="165"><table width="747" height="165"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="419" background="allmant/top_logo_left.jpg">&nbsp;</td>
        <td width="147" height="165" valign="top" background="allmant/top_logo_middle.jpg"><table width="100%" height="165"  border="0" cellpadding="0" cellspacing="0" id="date">
          <tr>
            <td height="124">&nbsp;</td>
          </tr>
          <tr>
            <td height="26" valign="middle"><script language="javascript">
theMonth = new Array()
theMonth[0] = "Januari"
theMonth[1] = "Februari"
theMonth[2] = "Mars"
theMonth[3] = "April"
theMonth[4] = "Maj"
theMonth[5] = "Juni"
theMonth[6] = "Juli"
theMonth[7] = "Augusti"
theMonth[8] = "September"
theMonth[9] = "Oktober"
theMonth[10] = "November"
theMonth[11] = "December"
theDay = new Array(7)
theDay[0] = "S&ouml;ndag"
theDay[1] = "M&aring;ndag"
theDay[2] = "Tisdag"
theDay[3] = "Onsdag"
theDay[4] = "Torsdag"
theDay[5] = "Fredag"
theDay[6] = "L&ouml;rdag"
function writeTheDate() {
	toDay = new Date()
	return theDay[toDay.getDay()] + ",<BR> " + toDay.getDate() + " " + theMonth[toDay.getMonth()] + ", " + toDay.getFullYear()
}
                      </script>
                <script language="javascript" class="text">document.write(writeTheDate())</script></td>
          </tr>
          <tr>
            <td height="15">&nbsp;</td>
          </tr>
        </table></td>
        <td width="181" height="165" valign="top" background="allmant/top_logo_right.jpg"><table width="100%" height="165"  border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="26" height="26">&nbsp;</td>
            <td height="26" valign="middle"><a href="/access/">Logga in</a> | <a href="/access/newmember.php">Bli medlem</a> </td>
          </tr>
          <tr>
            <td width="26" height="65">&nbsp;</td>
            <td height="65">&nbsp;</td>
          </tr>
          <tr>
            <td width="26" height="52">&nbsp;</td>
            <td valign="top"><form action="http://www.google.se/search" method="get" name="search" target="_blank" id="search">
              <table width="157" height="100%"  border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="30"><div align="right">S&ouml;k: </div></td>
                  <td colspan="2"><input name="q2" type="text" id="q22" size="18" maxlength="255">
                  </td>
                </tr>
                <tr>
                  <td colspan="2">&nbsp;</td>
                  <td width="107">
                    <input name="btnG2" type="submit" class="search_button" id="btnG22" value="Google s&ouml;k">
                    <input type=hidden name=hl2 value="en"></td>
                </tr>
              </table>
            </form></td>
          </tr>
          <tr>
            <td width="26">&nbsp;</td>
            <td width="155">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="17">&nbsp;</td>
        <td width="731"><table width="100%"  border="0" cellpadding="0" cellspacing="3">
          <tr>
            <td width="131"><span class="style5">
</span>
              <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><div align="center"><span class="style5"><strong>::Meny::
                  </strong></span></div></td>
                </tr>
                <tr>
                  <td>
				    <div id="menycontainer"> </div></td>
                </tr>
                <tr>
                  <td><div align="right"></div></td>
                </tr>
                <tr>
                  <td><div align="right"></div></td>
                </tr>
              </table>
              <span class="style5">            </span></td>
            <td width="468" bgcolor="#efeded">&nbsp;</td>
            <td width="130" bgcolor="#d1d1d1">&nbsp;</td>
          </tr>
        </table></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td><p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
</table>
</body>
</html>

ruta:

<? include "conn.php"; // Databasanslutningen  ?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<link href="allmant/mall.css" rel="stylesheet" type="text/css">
<link href="allmant/meny.css" rel="stylesheet" type="text/css">
</head>

<body leftmargin="0" topmargin="20" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0">
<table width="947"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="747" height="165" background="allmant/top_logo.jpg"><img src="allmant/top_logo.jpg" width="747" height="165" border="0" usemap="#Map"></td>
    <td width="200" rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td><table width="100%"  border="0" cellspacing="3" cellpadding="0">
      <tr>
        <td width="130"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><div align="center">::Meny::</div></td>
          </tr>
          <tr>
            <td><div id="menycontainer">
            <ul id="meny">
               
<?php 
    
   $query = "SELECT * FROM meny";
   $result = mysql_query($query) or die (mysql_error());
           
   while($row = mysql_fetch_assoc($result))
   {
	 print '<tr><td><li>';
     print (' <a href="'.$row['adress'].'">'.$row['namn'].'</a> ');
	 print '</li></tr></td>';
   }
 
mysql_free_result($result);     
?>
            </ul>
        </div></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table></td>
        <td width="468">&nbsp;</td>
        <td width="130">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="591,99,745,150" <form action="http://www.google.se/search" method="get" name="search" target="_blank" id="search">
              <table width="157" height="100%"  border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="30"><div align="right">S&ouml;k: </div></td>
                  <td colspan="2"><input name="q2" type="text" id="q22" size="18" maxlength="255">
                  </td>
                </tr>
                <tr>
                  <td colspan="2">&nbsp;</td>
                  <td width="107">
                    <input name="btnG2" type="submit" class="search_button" id="btnG22" value="Google s&ouml;k">
                    <input type=hidden name=hl2 value="en"></td>
                </tr>
              </table>
            </form>>
</map>
</body>
</html>

CalevanMedlem sedan maj 20031 173 inlägg

6 sep. 2005 08:13#2

Ett litet tips på vägen kan vara att se till att sidan validerar

FunTrixMedlem sedan okt. 2003118 inlägg

9 sep. 2005 19:43#3

mjo jag har testat att validera sidan men jag fattar inte vad han vill klaga på...
för kollar man på w3s sida så ändrar den mina " " till andra typer vilket det inte är i koden osv... skit skumt.
http://validator.w3.org/check?uri=http%3A%2F%2Ffuntrix.no-ip.org%2Fny

jarvkloMedlem sedan juli 20013 378 inlägg

9 sep. 2005 21:52#4

Njae - Den rödmarkerar visserligen ett "-tecken vid varje fel, men första felmeddelandet t.ex. är ju

there is no attribute "LEFTMARGIN

och kodexemplet som visas kommer från din <body > - så man kan nog säga att felmeddelandet beskriver ganska klart vad problemet är (men jag håller med om att det kan vara svårt att vänja sig vid hur de ser ut så deppa inte för det ;) )

Kortfattad sammanfattning:
Stryk de attribut i body den klagar på,
använd style="height:165px" - det finns inget height för <td>,
Använd style="background-image:url()" istället för background= (som inte finns)
Var noga med att alltid ha med en alt="nånting" på dina bilder.

OBS - när jag skriver "inte finns" menar jag såklart "inte finns i den standard du validerar mot" (det är ju ingen tvekan om att det du använder fungerar här och där - det finns bara inte i W3C:s rekommendation för HTML 4.01 Transitional ;) )