Avatar billede teck Nybegynder
15. december 2004 - 08:45 Der er 4 kommentarer

Layout ser underligt ud i Mozilla

Hej!

Jeg har lige fået lagt Mozilla ind på min maskine, og vil i den forbindelse lige teste min side! Den virker fint i IE, men den ser helt tosset ud i Mozilla... Håber der er en der kan hjælpe.

Linket: www.lykke-hansen.dk

Index fil kode:

<html>
<head>
<title>Lykke Hansen Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(gfx/bg_1.jpg);
}
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
.style2 {color: #D6B8AD}
-->
</style>
<link href="lhdstyle.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style4 {color: #D0ACA0}
-->
</style>
<style type="text/css"><!--
html {
  height: 100%;
}
body {
  height: 100%
}
table {
  height: 100%;
}
--></style>
</head>

<body>
<table width="740" height="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="185" height="69" valign="top" bgcolor="FAF7F1" style="border-bottom: 1 solid #D9D6CF;"><div align="left"><a href="index.php"><img src="gfx/logo_l.jpg" width="184" height="69" border="0"></a></div></td>
    <td width="651" valign="top" bgcolor="FAF7F1"><div align="right" style="border-bottom: 1 solid #D9D6CF;"><img src="gfx/logo_r.jpg" width="450" height="69"></div></td>
  </tr>
  <tr valign="top" background="gfx/bag_middel.jpg">
    <td height="12" colspan="2" style="border-bottom: 1 solid #000000; border-top: 1 solid #000000;"><table width="100%" height="19"  border="0" cellpadding="0" cellspacing="0" bgcolor="#DEDBD6">
      <tr>
        <td width="85%" height="19"><div align="left">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="650" height="19">
              <param name="movie" value="menu.swf">
              <param name="quality" value="high">
              <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="650" height="19"></embed>
            </object>
          </div></td>
        <td width="15%"><img src="gfx/v1.jpg" width="90" height="19"></td>
      </tr>
    </table></td>
  </tr>
  <tr valign="top" bgcolor="#FFFFFF">
    <td height="100%" colspan="2" background="gfx/bag_middel.jpg"><div align="left">
      <table width="100%""height="100%"  border="0" align="left" cellpadding="0" cellspacing="0" background="gfx/baggrund.jpg" style="background-repeat : no-repeat; background-position : bottom;">
        <tr>
          <td height="100%" align="right" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr>
                <td valign="top"><div align="center">
                  <div align="center" style="overflow: auto; height: 100%;">
                    <? 
$page = $HTTP_GET_VARS[page];
$page1 = "$page" . ".php";
if (!$page) {
include('main.php');
}
else {include($page1);
}
?></div></div>
                </td>
              </tr>
          </table></td>
          </tr>
      </table>
    </div></td>
  </tr>
  <tr valign="middle" >
    <td height="25" colspan="2" background="gfx/bund_r.jpg" style="background-repeat : no-repeat; background-position : bottom;"><table width="80%"  border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
            </tr>
    </table>
    <div align="left"></div></td>
  </tr>
</table>
</body>
</html>
Avatar billede keysersoze Guru
15. december 2004 - 09:27 #1
første trin på vejen er at lade din kode overholde de regler der er inden for HTML/XHTML - det gør den langt fra lige nu; http://validator.w3.org/check?uri=http%3A%2F%2Fwww.lykke-hansen.dk%2F

næste trin er test - selvom en side overholder standarderne kan der være forskel og så er der ikke andet for end at prøve sig frem.
Avatar billede teck Nybegynder
15. december 2004 - 10:45 #2
ok, jeg kan godt se at den er helt gal med reglerne :).... så jeg er gået i gang med at rette de fejl dit linket finder....men det er ikke det hele jeg ved hvad betyder.

Sidder lidt fast med det her problem:

...g" width="184" height="69" border='0'></a></div></td>

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
Avatar billede keysersoze Guru
15. december 2004 - 12:29 #3
et billede skal have attributtet "alt"

<img src="kkk.jpg" alt="">
Avatar billede teck Nybegynder
15. december 2004 - 12:42 #4
Jeg synes nu ikke jeg bliver klogere af at sidde og rette de fejl der kommer frem!... er der ikke en der kan vise mig helt konkret hvordan koden skal se ud for at få den til at vise siden som i IE?
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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