Avatar billede eerikk Nybegynder
14. december 2003 - 16:07 Der er 25 kommentarer og
1 løsning

Ser anderledes ud i Mozilla og Mozilla Firebird - hvorfor?

Hejsa - jeg har lavet en side, som ser fin ud i MSIE, men ser jeg på siden i Mozilla/Mozilla-Firebird, er der noget med mine tables der går lidt galt (eksempler på http://erk.dk/digt_irll.jsp og http://erk.dk/musik_klaver.jsp) idet baggrundsbilledet for venstre-cellen nu ikke fylder hele min table, så der kommer en hvid linie mellem dette og bundstykket. Desuden virker min skak-Applet på http://erk.dk/spil_skak.jsp heller ikke! Hvad er problemet og hvad kan jeg gøre for at fixe det?

-Erik
www.erk.dk
Avatar billede mads.peder Nybegynder
14. december 2003 - 16:18 #1
det er fodi du ikke overholder W3C standarderne. Overholder du dem slipper du i rigtig mange tilfælde for dette problem
Avatar billede roenving Novice
14. december 2003 - 16:18 #2
-- det ser ud til at være forskellen på behandling af borderens placering ...

Ifølge w3cs definition af box-modellen (http://www.w3.org/TR/REC-CSS2/box.html ) sidder borderen _udenpå_ elementet, men IE renderings-maskine medregner fejlagtigt den til elementet (dvs. at der er bordernes bredde mindre til rådighed inde i elementet !-)
Avatar billede roenving Novice
14. december 2003 - 16:19 #3
-- og så er det forøvrigt ikke tilladt at sætte en url som en del af ens undertegning !-)
Avatar billede eerikk Nybegynder
14. december 2003 - 17:52 #4
mads.peder> Det ved jeg, men jeg kan ikke se hvad der skal ændres - det er ikke identifikation af problemet jeg har brug for, men løsningsforslag :o)

roenvig> OK - hvad gør jeg for at komme uden om problemet?
Hvad er ikke tilladt og hvorfor?
Avatar billede roenving Novice
14. december 2003 - 17:55 #5
Reglernes punkt 2.1.6:
(Det er ikke tilladt, at )
gøre reklame for andre websider, med mindre det foregår som relevant svar i et spørgsmål. Det er heller ikke tilladt at skrive links til egne websider som del af ens signatur.

-- og jeg kan ikke lige umiddelbart få øje på andre løsninger end at ændre højde på det element, som indeholder baggrundsbilledet onload ...
Avatar billede eerikk Nybegynder
14. december 2003 - 18:00 #6
erk.dk er min personlige hjemmeside! Jeg har ikke engang nogen reklamer på den. Desuden er det hele den side dette spørgsmål handler om, så come-on! :o)

Hvordan kan man løse problemet ved at ændre på højden? Er den så ikke for lille i MSIE?
Avatar billede roenving Novice
14. december 2003 - 18:03 #7
Du har sat den som en del af din signatur, og det er no, no ...

-- og jo, det er derfor, jeg omtaler det med at gøre det onload, selvfølgelig kun hvis det er Mozilla/Gecko !-)
Avatar billede eerikk Nybegynder
14. december 2003 - 19:06 #8
roenvig>>jamen - hvordan gør man det?
Avatar billede eerikk Nybegynder
14. december 2003 - 20:33 #9
Er der virkelig ikke andet man kan gøre for at være multi-browser-kompatibel?
Avatar billede roenving Novice
14. december 2003 - 20:35 #10
<script type="text/javascript">
var gecko=(navigator.userAgent.indexOf('Gecko')>-1)?true:false;
var msie=(navigator.userAgent.indexOf('MSIE')>-1)?true:false;

function init(){
if(gecko){
//sæt højden af elementet lidt mindre
//her er bare et eksempel, så du skal selv finde højderne ud fra de elementer, som det drejer sig om
document.getElementById('mitBaggrundsElement').style.height='500px';
}
if(msie){
//måske noget andet, du lige vil, hvis du ved, at det er en Internet Explorer
}
}
</script>

<body onload="init()">
Avatar billede eerikk Nybegynder
14. december 2003 - 21:08 #11
Billedet er baggrundsbillede i en celle kan jeg få en konkret løsning på en enkelt side - eksempelvis http://www.erk.dk/digt_js.jsp - så skal jeg nok selv finde ud af resten...
Avatar billede roenving Novice
14. december 2003 - 21:59 #12
Forsøgte forgæves at finde fejlen, og havde lige skrevet et længere indlæg, men jeg blev logget af for anden gang i dag, for første gang i et halvt år ...

Men min formodning om højde-forskelle holdt ikke, og jeg fandt ikke forklaringen ,-|

Jeg prøvede også lige at kigge i validatoren for at se om jeg kunne finde forklaringen der, men de småting, den påpegede, kunne ikke påvirke dette ...

Men prøv lige og overvej så, om ikke du skulle putte alle de ting i style-tags, som kan flyttes !-)
Avatar billede eerikk Nybegynder
14. december 2003 - 23:01 #13
style-tags? du mener a'la http://www.sitepoint.com/article/1167/
eller hvad? Er en total omskrivning af min sides layout den eneste mulighed for at få styr på dette lille problem??
Avatar billede roenving Novice
14. december 2003 - 23:12 #14
Det var nu ikke lige det, jeg tænkte på, og såvidt jeg har erfaret, er css ikke implementeret tilstrækkeligt i nogen browsere til, at det bare kan lade sig gøre ...

(En anden sag er, at det at forholde sig til den slags, måske kunne flerne den slags problem, du har. For hvis du satte dine ting inde i tabelcellen op i divs, ville du nok ikke have problemet !-)

-- men jeg hentydede til de tre småfejl, som w3cs validator finder i din kode (se http://validator.w3.org/ og indskriv en url -- jeg brugte digt-siden) ...

-- og det er ikke så omfattende !o]

F.eks. har du en linje, som ser sådan ud:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="728" height="429">

I stedet kunne du skrive:

<table cellpadding="0" cellspacing="0" style="border:0px;border-collapse: collapse;width:728px;height:429px;">

-- nu fjernede jeg også lige en bordercolor, som jo er arbitrær når der ikke skal være en border ...
Avatar billede eerikk Nybegynder
15. december 2003 - 21:54 #15
Du skriver: "(En anden sag er, at det at forholde sig til den slags, måske kunne flerne den slags problem, du har. For hvis du satte dine ting inde i tabelcellen op i divs, ville du nok ikke have problemet !-)" Hvad skal jeg gøre? Jeg kan ikke lige se det. Kan du lave et simpelt eksempel man kan abe efter?
Avatar billede roenving Novice
16. december 2003 - 11:34 #16
Prøv dette i stedet for den tabel, du har:

<table cellpadding="0" cellspacing="0" bordercolor="#111111" width="730" style="border-collapse: collapse; border-style: solid; border-width: 1" bgcolor="#FFFFFF">
  <tr>
    <td>
      <div style="position:relative;width:730px;height:100px;background:url('http://www.erk.dk/images/erk0c.jpg')"><div>
      <div style="position:relative;width:730px;height:20px;background:#29499c;">
    <script type="text/javascript" src="http://www.erk.dk/javascript/indstillinger.js"></script>
    <script type="text/javascript" src="http://www.erk.dk/javascript/menu_com.js"></script>
    <noscript>Din browser understøtter ikke denne menu</noscript>
      <div style="position:relative;float:left;width:284px;height:429px;background:url('http://www.erk.dk/images/puppety.jpg');"></div>
      <div style="position:relative;float:left;width:7px;height:429px;background:#000;"></div>
      <div style="position:relative;float:left;width:400px;height:429px;background:url('http://www.erk.dk/images/dback.jpg');">
     
    <b><br> <br> <br> <br> <br> <br> 
    <u> 
    <font face="MS Sans Serif" size="1" color="#F7F8FD">In-Search</font></u></b><font face="MS Sans Serif" size="1" color="#F7F8FD"><br> <br>
    This,<br>
    I know myself.<br>

    The line of the frame is clear,<br>
    but blurred is all internal depiction.<br>
    <br>
    It is something out of reach somehow,<br>
    even though it is born within me, floating out.<br>
    Calm but frantic, one but many, in and out of focus,<br>

    an impossible search - trying to measure the instrument.<br>
    <br>
    No chance of reconstruction, no hope of analytical satisfaction,<br>
    just a disrupted idea of my own awareness and the will to comprehend.<br>
    Is there an unseen power practicing obscurantism being a playful puppeteer,<br>
    secretly pontificating about the truth of all things, showing me absolutely
    nothing? </font></div>
 
  <!-- include bundstykke.jsp -->
    <div style="position:relative;width:730px;height:73px;background:url('http://www.erk.dk/images/erk-bund-self3.jpg');">
     
    </td>
  </tr>

</table>
Avatar billede eerikk Nybegynder
16. december 2003 - 17:25 #17
Arg - jeg kan ikke kopiere teksten du har skrevet for < og > er skrevet med noget andet - eksperten har nok gjort det for at man ikke skal kunne lave tags i oplæg....
Avatar billede eerikk Nybegynder
16. december 2003 - 17:28 #18
Fandt ud af det og testede koden - det så ret mærkeligt ud - har du selv prøvet at kigge på det? :o) -Eller er det mig der gør noget forkert?
Avatar billede roenving Novice
17. december 2003 - 08:11 #19
Jeg havde ikke taget al koden med, så det jeg så, så rigtigt ud !-)
Avatar billede roenving Novice
17. december 2003 - 08:37 #20
Denne skulle ikke kræve meget tilretning !-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Language" content="da">

<!-- sat ind for at rette på menu i mozilla -->
<style type="text/css">
  Body {
      padding: 15px 0px 0px 0px;
      margin: 0px;
      scrollbar-face-color: grey;
      scrollbar-shadow-color: grey;
      scrollbar-highlight-color: grey;
      scrollbar-3dlight-color: grey;
      scrollbar-darkshadow-color: grey;
      scrollbar-track-color: grey;
      scrollbar-arrow-color: grey;
  }
</style>

<title>ERK.dk</title>
</head>

<body background="http://www.erk.dk/images/_main-back.gif">
<center>

<table cellpadding="0" cellspacing="0" bordercolor="#111111" width="730" style="border-collapse: collapse; border-style: solid; border-width: 1" bgcolor="#FFFFFF">
  <tr>
    <td>
      <div style="width:730px;height:100px;background:url('http://www.erk.dk/images/erk0c.jpg')"></div>
      <div style="width:730px;height:20px;background:#29499c;"></div>
    <script type="text/javascript" src="http://www.erk.dk/javascript/indstillinger.js"></script>
    <script type="text/javascript" src="http://www.erk.dk/javascript/menu_com.js"></script>
    <noscript>Din browser understøtter ikke denne menu</noscript>
      <div style="float:left;width:284px;height:429px;background:url('http://www.erk.dk/images/puppety.jpg');"></div>
      <div style="float:left;width:7px;height:429px;background:#000;"></div>
      <div style="text-align:left;float:left;width:439px;height:429px;background:url('http://www.erk.dk/images/dback.jpg');">
     
    <b><br> <br> <br> <br> <br> <br> 
    <u> 
    <font face="MS Sans Serif" size="1" color="#F7F8FD">In-Search</font></u></b><font face="MS Sans Serif" size="1" color="#F7F8FD"><br> <br>
    This,<br>
    I know myself.<br>

    The line of the frame is clear,<br>
    but blurred is all internal depiction.<br>
    <br>
    It is something out of reach somehow,<br>
    even though it is born within me, floating out.<br>
    Calm but frantic, one but many, in and out of focus,<br>

    an impossible search - trying to measure the instrument.<br>
    <br>
    No chance of reconstruction, no hope of analytical satisfaction,<br>
    just a disrupted idea of my own awareness and the will to comprehend.<br>
    Is there an unseen power practicing obscurantism being a playful puppeteer,<br>
    secretly pontificating about the truth of all things, showing me absolutely
    nothing? </font></div>
 
    <div style="float:left;width:730px;height:73px;background:url('http://www.erk.dk/images/erk-bund-self3.jpg');"></div>
     
    </td>
  </tr>

</table>

<font size="1" face="MS Sans Serif" color="#5C596C">Copyright © 2003 ERK.dk</font>

</center>
<p></p>
</body>

</html>
Avatar billede eerikk Nybegynder
21. december 2003 - 17:06 #21
Har prøvet det og tabel-tykkelsen er for stor - desuden vises menuen ikke i mozilla lige pludselig! :o]
Avatar billede eerikk Nybegynder
21. december 2003 - 21:06 #22
Avatar billede roenving Novice
21. december 2003 - 21:14 #23
Der er forskel på bredden af venstre frame ?-)
Avatar billede eerikk Nybegynder
23. december 2003 - 01:14 #24
ja og menuen er placeret forkert og mangler helt i mozilla firebird :o]
Avatar billede eerikk Nybegynder
23. december 2003 - 01:14 #25
tykkelsen af border er også for stor
Avatar billede eerikk Nybegynder
29. december 2003 - 23:38 #26
Jeg lukker og slukker
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