Avatar billede madsdj Nybegynder
24. januar 2006 - 10:44 Der er 13 kommentarer og
1 løsning

Visningsproblemer af Dreamweaver 8-site i Mozilla Firefox 1.5

Jeg har for første gang rodet mig ud i Dreamweaver 8 og er i den forbindelse stødt på et problem, som jeg trods ihærdig søgning rundt omkring ikke har kunne finde en løsning på. Problemet er, at siden ser forskellig ud i henholdsvis Internet Explorer og Firefox. Se disse screenshots:

IE: http://www.hullet.net/test_ie.jpg
FF: http://www.hullet.net/test_ff.jpg

To af billederne har i firefox rykket sig ca. 10 pixels ned...

Efter at have søgt bl.a. på eksperten, troede jeg en overgang, at det kunne have noget med Doctypen at gøre. Dette har jeg nu rettet således at siden er valideret som xhtml 1.0 transitional, men det løste ikke problemet.
Nogen af Jer, der har nogen ide om hvad der kan være galt?

mvh.
Mads
Avatar billede jensjakobsen Nybegynder
24. januar 2006 - 20:14 #1
Det ligner meget CSS der opfører sig forskelligt - har du evt. kildekoden?
Avatar billede madsdj Nybegynder
24. januar 2006 - 20:49 #2
Yes, her er den:

<!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=iso-8859-1" />
<title>DogmeOpera.dk</title>
<style type="text/css">
<!--
body {
    background-color: #999966;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 10px;
    margin-top: 10px;
}
-->
</style>
<link href="dogmeopera.css" rel="stylesheet" type="text/css" />
<link href="other.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {color: #000000}
-->
</style></head>

<body>
<table width="740" border="0" align="center" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td colspan="3" valign="top"><img src="images/logo.gif" alt="Logo" width="740" height="80" /></td>
  </tr>
  <tr>
    <td colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="7" height="20" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
          <td width="116" valign="middle"><div align="center"><a href="index.html">Forside</a></div></td>
          <td width="6" valign="top"><div align="center"><span class="style2">|</span></div></td>
          <td width="116" valign="middle"><div align="center"><a href="info.html">Information</a></div></td>
          <td width="6" valign="top"><div align="center"><span class="style2">|</span></div></td>
          <td width="116" valign="middle"><div align="center"><a href="cast.html">Medvirkende</a></div></td>
          <td width="6" valign="top"><div align="center"><span class="style2">|</span></div></td>
          <td width="116" valign="middle"><div align="center"><a href="presse.html">Presse</a></div></td>
          <td width="6" valign="top"><div align="center"><span class="style2">|</span></div></td>
          <td width="116" valign="middle"><div align="center"><a href="spilleplan.html">Forestillinger</a></div></td>
          <td width="6" valign="top"><div align="center"><span class="style2">|</span></div></td>
          <td width="116" valign="middle"><div align="center"><a href="kontakt.html">Kontakt</a></div></td>
          <td width="7" valign="top"><div align="right"></div></td>
        </tr>
      <tr>
        <td height="5"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
     
     
    </table></td>
  </tr>
  <tr>
    <td width="590" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="570" height="450" valign="top" class="background"><p align="left"><img src="images/headlines/o_velkommen.gif" alt="Velkommen" width="98" height="18" hspace="0" /><br />
            <br />
              <strong>Sidste nyt! </strong><br />
          S&aring; er folkene bag den f&oslash;rste DogmeOpera klar med nyeste skud p&aring; stammen: forestillingen &quot;To mand frem for en diva&quot;. Hvis du s&aring; den f&oslash;rste DogmeOpera, ved du, hvad du har i vente. Hvis ikke s&aring; kig lidt rundt p&aring; denne side og find ud af hvad det mon g&aring;r ud p&aring;!</p>
          <p align="left"><strong><img src="images/do1.jpg" alt="billede" width="314" height="291" hspace="8" vspace="3" border="0" align="right" />Skal opera v&aelig;re kedeligt??? - Nej vel!!! <br />
          </strong>Tag med p&aring; et krydstogt i operaens verden,                hvor alt kan ske. Er man til latter &ndash;                                    har                vi det! Er man til t&aring;rer &ndash; s&aring;                                    har                vi ogs&aring; det! Er man til platheder                                    &ndash; det                er lige os! Er man til fordybelse                                    &ndash; jamen                s&aring; se vores forestilling!<br />
            <br />
            Dette er musikteater skr&aelig;llet ind til benet &ndash; to                m&aelig;nd, en kvinde, et flygel og enstumtjener.<br />
            <br />
            Uden kunstige hj&aelig;lpemidler som dekorationer, lys og elektronisk                isenkram byder vi p&aring;                                    den &aelig;gte                vare: den menneskelige stemme og det h&aring;ndholdte klaver i                b&aring;de overrumplende dramatisk udfoldelse og sk&oslash;nneste                samklang.<br />
            Om publikum kender f.eks. Drot og Marsk, Cosi                fan tutte, Falstaff, Porgy and Bess og My Fair Lady eller ej, s&aring; vil                de elske denne lille lyriske perle af en operakollage, hvor der                musiceres med et glimt i &oslash;jet og en velg&oslash;rende selvironi,                som punkterer alle till&oslash;b til h&oslash;jtidelighed. <br />
          </p>          </td>
        </tr>
     
     
     
     
    </table></td>
  <td width="10">&nbsp;</td>
  <td width="140" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td width="140" height="450" valign="top" class="back_small"><p><img src="images/headlines/o_pressenskrev.gif" alt="Pressen skrev:" width="120" height="18" /></p>
        <p align="center">&quot;Serveret i et kvikt, muntert og s&aelig;rdeles velsunget                  potpourri. Dejlig underholdning...&quot;</p>
        <p align="center">&quot;Det hele er smukt bundet sammen med overraskende farvesammens&aelig;tninger                  og -skift...&quot;</p>
        <p align="center"> &quot;Det er n&aelig;ppe s&aring; f&aring;                                    nye                  opera-fans, to sangere og en pianist har hjulpet frem med denne                fine forestilling...&quot;</p>
        <p align="center"> &quot;Stor charme og fantastiske sangstemmer...&quot;</p>        <p align="center">&quot;Ganske f&aring; virkemidler blev anvendt med stor opfindsomhed...<br />
          Operaen f&aring;r sine egne dogme-regler.. &quot; </p></td>
      </tr>
   
   
   
   
  </table></td>
  </tr>
  <tr>
    <td colspan="3" valign="top" class="alt"><div align="center">
      <p>Copyright
        DogmeOpera 2005<br />
        webmaster: webmaster@dogmeopera.dk </p>
        <p><br />
        </p>
    </div></td>
  </tr>
</table>
</body>
</html>
Avatar billede jensjakobsen Nybegynder
24. januar 2006 - 22:18 #3
Hej igen - du har også en eksternt CSS dokument - har du kildekode til denne også?
Avatar billede madsdj Nybegynder
24. januar 2006 - 22:23 #4
Tænkte da nok at jeg skulle have lagt den med også :)

dogmeopera.css:

a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFCC;
    text-decoration: none;
}
a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
.background {
    background-image: url(images/back.jpg);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    left: 10px;
    top: 10px;
    right: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}
.back_small {
    background-image: url(images/back_small.jpg);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: italic;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 10px;
}
Avatar billede jensjakobsen Nybegynder
24. januar 2006 - 22:44 #5
Og hvad med den "other.css"?
Avatar billede jensjakobsen Nybegynder
24. januar 2006 - 22:48 #6
Og nu du er i gang - kan jeg få billedfilerne også?
Avatar billede madsdj Nybegynder
24. januar 2006 - 22:57 #7
other.css bliver kun brugt til at formaterer footeren på siden, og skulle således ikke påvirke billederne. Kan slette den helt fra dokumentet uden at det løser problemet. Men du får den her alligevel

.alt a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.alt a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.alt a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFCC;
}
.alt a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.alt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
Avatar billede jensjakobsen Nybegynder
24. januar 2006 - 23:05 #9
Er din HTML kildekode fra et databaseudtræk? For hvis det er har jeg faktisk mere brug for kildekoden til dette.

Ud fra din HTML kildekode har du placeret dit billede ved blot denne linie:

<p align="left"><strong><img src="images/do1.gif" alt="billede" width="314" height="291" hspace="8" vspace="3" border="0" align="right" />

Hvis du IKKE har anvendt CSS til at placere billedet kan du ikke regne med at Firefox vil vise dine sider på samme måde som Internet Explorer.

Hvis dette er tilfældet har du hermed svaret på dit spørgsmål :)
Avatar billede madsdj Nybegynder
24. januar 2006 - 23:11 #10
Sorry, men nu tror jeg lige du tabte mig! Jeg har ikke brugt andet end Dreamweavers design-mode til at lave siden, så html-koden er genereret af Dreamweaver.

Jeg tror ikke, at jeg har brugt CSS til at placere billedet, hvordan gør man det?

Og hvordan giver jeg dig de 200 point?
Avatar billede jensjakobsen Nybegynder
24. januar 2006 - 23:26 #11
Hej igen - har tilladt mig at slå din hjemmmeside op og kan se at du HAR lavet det hele som "flade HTML-sider" (ikke nogen database nedenunder).

Jeg anvender meget HTML-tag'et DIV istedet for tabeller (DIV class="et eller andet"><img bla bla bla></DIV> til at placere både billeder og tekst, og min egen erfaring er at når du først anvender CSS så skal man anvende det 100% all the way, ellers bliver der ingen fast konsistens i den måde alle dine sider vises på i hhv.: IE & FF.

Hvis du er usikker og vil spare tid ville jeg holde dit lay-out i tabeller så meget som muligt - jeg har anvendt oceaner af tid på css, og jeg kan IKKE prale af at være ekspert på området, selvom jeg slipper OK fra det efterhånden.

Følgende side er lavet 100% i CSS hvad design angår: http://www.dragonswim.dk - og den har endda fejl nederst i bunden af siden.... :(

Skriv hvis du er i tvivl. Jeg ved ikke hvordan man giver points heller :(
Avatar billede madsdj Nybegynder
25. januar 2006 - 10:22 #12
Det ser ud til, at jeg må læse lidt op på både DIV-tagget og css... Men tusind tak for hjælpen so far Jens!

Jeg vil gå i tænkeboks, men lader lige spørgsmålet stå åbent til hvis nogen kommer forbi med en ide.

mvh.
Mads
Avatar billede madsdj Nybegynder
15. februar 2006 - 21:29 #13
-lukker spørgsmålet
Avatar billede madsdj Nybegynder
15. februar 2006 - 21:30 #14
-prøver lige igen...
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
Kurser inden for grundlæggende programmering

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