Stop background med at gentage sig i Netscape?

Lave baggrunden mindre :-)

Baggrunden er just præcis de samme mål som tabellen!

Vil du se giraffen?
(Sig kun ja hvis du har begge browsere!)

Jeg har kun Exploerer. Her er et forslag:

Prøv at dele giraffen op i flere dele og lave flere tabels og så prøv at sætte giraffen ind og tilpas tabelen og giraffen

HA HA HA HA  Det med giraffen var bare en talemåde!

her er url:
http://house-of-hansen.virker.nu

Men du kan ikke bedømme fejlen uden Netscape

I mon browser (MS Explorer) Ser det ikke ud til at være nogle fejl

mon=min

Jeg har kigget på den både i IE5.0 og Netscape(4.51) og jeg kan ikke se nogle forskel - det virker fint.

Come on guys!
Jeg ser den selv i Netscape 4.73 og der er rose-baggrunden næsten dobbelt så høj som i IE udgaven...

<ole>
Den tile\'er helt vildt i både IE og NS hos mig (MacG3). Hvis du kun ønsker billet vist én gang, så prøv i din <head> at skrive:
<style type=\"text/css\">
  TD { background-repeat: no-repeat; }
</style>
...så skulle baggrundsbilledet ikke gentage sig selv.
/Vh
</bole>

du har defineret din tabel til 100%, og derefter har du defineret en TD til 290.
Hvis du istedet for skriver præcist hvor høj tabelen skal være fra starten i pixels, så er NS meget nemmere at lege med. Den har det ikke godt med både % og pixels.

Prøv det, det har virket hos mig.

I Adobe Golive, er det nemmeste at lave tablen som Auto til at starte med, og når du så er sikker i IE, laver du det om til Pixels, så funker det også i NS. Det var så et gratis tip!

Ole : Virker den funktion i NS? Det troede jeg nemlig ikke den gjorde.

Til Olebole:

no-repeat hjalp faktisk at Netscape ikke gentager baggrunden.  Desværre kan den nu ikke finde ud af at tilpasse tabelrækken til KUN 290px i højden i 1024x768.

Til prodic:

Ja, tabellen er 100% både i Width og Height.
Den skal jo se \"lækker\" ud både i 800x600 og 1024x768, men tabelrækken i midten må aldrig blive højere end 290px :o(

Kaster flere points på bålet - nu 100!

det jeg prøvede på at forklare, hvilket ikke lykkedes særligt godt, var at når du både bruger %(eller Auto) og pixel defineringer i din Kode, så har NS meget meget svært ved at finde ud af hvordan den skal placere baggrunden. Men hvordan du lige får løst problemet så det passer både i 800 og 1024, det skal jeg lige tænke lidt over(det går ikke så godt med tømmermænd).

Så du skal nok til at tænke lidt på hvor høj din TR i toppen skal være, da den rykker billedet opad. Eller det gør den ihvertfald nu, ved så ikke om du har lavet om på koden siden sidst jeg skrev.

Så kort fortalt NS vil helst ikke blande for mange forskellige defineringer sammen, så ser det mystisk ud. Hvad med bare at lave et frame-set hvod du definere minimums-højden i 800 i den miderste frame, og laver NS og IE tilpasse de 2 andre frames. er det forståeligt eller hvad?

<ole>
Find bredden af vinduet EFTER body\'en er sat og skriv så din <table> ud dynamisk med java script:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>

<meta http-equiv=\"content-type\" content=\"text/html;charset=iso-8859-1\">
<meta name=\"generator\" content=\"Adobe GoLive 4\">
<title>House of Hansen</title>
               
<style type=\"text/css\">
  TD { background-repeat: no-repeat; }
</style>


<csscriptdict>
<script><!--
CSStopExecution = false;
CSInit = new Array;
function CSScriptInit() {
if(typeof(skipPage) != \"undefined\") { if(skipPage) return; }
idxArray = new Array;
for(var i=0;i<CSInit.length;i++)
        idxArray[i] = i;
CSAction2(CSInit, idxArray);
}
CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf(\"/\")+1),10);
function IsIE() { return CSAg.indexOf(\"MSIE\") > 0;}
function CSIEStyl(s) { return document.all.tags(\"div\")[s].style; }
function CSNSStyl(s) { return CSFindElement(s,0); }
function CSFindElement(n,ly) { if (CSBVers < 4) return document[n];
        var curDoc = ly ? ly.document : document; var elem = curDoc[n];
        if (!elem) { for (var i=0;i<curDoc.layers.length;i++) {
                elem = CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }}
        return elem;
}
function CSClickReturn () {
        var bAgent = window.navigator.userAgent;
        var bAppName = window.navigator.appName;
        if ((bAppName.indexOf(\"Explorer\") >= 0) && (bAgent.indexOf(\"Mozilla/3\") >= 0) && (bAgent.indexOf(\"Mac\") >= 0))
                return true; // dont follow link
        else return false; // dont follow link
}
function CSButtonReturn () {
        var bAgent = window.navigator.userAgent;
        var bAppName = window.navigator.appName;
        if ((bAppName.indexOf(\"Explorer\") >= 0) && (bAgent.indexOf(\"Mozilla/3\") >= 0) && (bAgent.indexOf(\"Mac\") >= 0))
                return false; // follow link
        else return true; // follow link
}
CSIm = new Object();
function CSIShow(n,i) {
        if (document.images) {
                if (CSIm[n]) {
                        var img = (!IsIE()) ? CSFindElement(n,0) : document[n];
                        if (img && typeof(CSIm[n][i].src) != \"undefined\") {img.src = CSIm[n][i].src;}
                        if(i != 0)
                                self.status = CSIm[n][3];
                        else
                                self.status = \" \";
                        return true;
                }
        }
        return false;
}
function CSILoad(action) {
        im = action[1];
        if (document.images) {
                CSIm[im] = new Object();
                for (var i=2;i<5;i++) {
                        if (action[i] != \'\') { CSIm[im][i-2] = new Image(); CSIm[im][i-2].src = action[i]; }
                        else CSIm[im][i-2] = 0;
                }
                CSIm[im][3] = action[5];
        }
}
CSStopExecution = false;

function CSAction(array) {
        return CSAction2(CSAct, array);
}
function CSAction2(fct, array) {
        var result;
        for (var i=0;i<array.length;i++) {
                if(CSStopExecution) return false;
                var actArray = fct[array[i]];
                if(actArray == null) return false;
                var tempArray = new Array;
                for(var j=1;j<actArray.length;j++) {
                        if((actArray[j] != null) && (typeof(actArray[j]) == \"object\") && (actArray[j].length == 2)) {
                                if(actArray[j][0] == \"VAR\") {
                                        tempArray[j] = CSStateArray[actArray[j][1]];
                                }
                                else {
                                        if(actArray[j][0] == \"ACT\") {
                                                tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
                                        }
                                else
                                        tempArray[j] = actArray[j];
                                }
                        }
                        else
                                tempArray[j] = actArray[j];
                }                     
                result = actArray[0](tempArray);
        }
        return result;
}
CSAct = new Object;

// -->

</script>
</csscriptdict>
<csactiondict>
<script>

<!--
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/\'dansk\',/*URL*/\'images/indexdanish0.gif\',/*URL*/\'images/indexdanish1.gif\',/*URL*/\'\',\'\');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/\'english\',/*URL*/\'images/indexenglish0.gif\',/*URL*/\'images/indexenglish1.gif\',/*URL*/\'\',\'\');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/\'francais\',/*URL*/\'images/indexfrench0.gif\',/*URL*/\'images/indexfrench1.gif\',/*URL*/\'\',\'\');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/\'german\',/*URL*/\'images/indexgerman0.gif\',/*URL*/\'images/indexgerman1.gif\',/*URL*/\'\',\'\');

// -->
</script>
</csactiondict>
</head>

<body bgcolor=\"white\" marginheight=\"0\" marginwidth=\"0\" leftmargin=\"0\" topmargin=\"0\" onload=\"CSScriptInit();\" onresize=document.location.reload();>
<script language=\"JavaScript\">
<!--
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false;
winW = (ns4)? window.innerWidth : document.body.offsetWidth;

document.write(\"<table align=\'center\' border=\'0\' width=\'\"+winW+\"\' cellpadding=\'0\' cellspacing=\'0\'>\");
// -->
</script>
<tr>
<td align=\"center\" valign=\"middle\"><img src=\"images/top_hohlogo.gif\" width=\"80\" height=\"68\" border=\"0\" ALT=\"House of Hansen\"></td>
</tr>
<tr height=\"290\">
<td height=\"290\" bgcolor=\"#FFFFFF\" background=\"images/rosebg.jpg\"><img src=\"images/prik.gif\" border=\"0\" width=\"1\" height=\"1\" align=\"bottom\" alt=\"\"></td>
</tr>
<tr>
<td align=\"center\" valign=\"top\">

<csobj w=\"130\" h=\"30\" t=\"Button\" ht=\"images/indexdanish1.gif\"><a href=\"dk/maindk.php\" onmouseover=\"return CSIShow(/*CMP*/\'dansk\',1)\" onmouseout=\"return CSIShow(/*CMP*/\'dansk\',0)\" onclick=\"return CSButtonReturn()\"><img src=\"images/indexdanish0.gif\" width=\"130\" height=\"30\" name=\"dansk\" border=\"0\" alt=\"Dansk\"></a></csobj>

<csobj w=\"130\" h=\"30\" t=\"Button\" ht=\"images/indexenglish1.gif\"><a href=\"uk/mainuk.php\" onmouseover=\"return CSIShow(/*CMP*/\'english\',1)\" onmouseout=\"return CSIShow(/*CMP*/\'english\',0)\" onclick=\"return CSButtonReturn()\"><img src=\"images/indexenglish0.gif\" width=\"130\" height=\"30\" name=\"english\" border=\"0\" alt=\"English\"></a></csobj>

<csobj w=\"130\" h=\"30\" t=\"Button\" ht=\"images/indexfrench1.gif\"><a href=\"fr/mainfr.php\" onmouseover=\"return CSIShow(/*CMP*/\'francais\',1)\" onmouseout=\"return CSIShow(/*CMP*/\'francais\',0)\" onclick=\"return CSButtonReturn()\"><img src=\"images/indexfrench0.gif\" width=\"130\" height=\"30\" name=\"francais\" border=\"0\" alt=\"fran&ccedil;ais\"></a></csobj>

<csobj w=\"130\" h=\"30\" t=\"Button\" ht=\"images/indexgerman1.gif\"><a href=\"de/mainde.php\" onmouseover=\"return CSIShow(/*CMP*/\'german\',1)\" onmouseout=\"return CSIShow(/*CMP*/\'german\',0)\" onclick=\"return CSButtonReturn()\"><img src=\"images/indexgerman0.gif\" width=\"130\" height=\"30\" name=\"german\" border=\"0\" alt=\"Deutsch\"></a></csobj>
<br><img src=\"images/hoh_companytxt.gif\" border=\"0\" width=\"500\" height=\"50\" alt=\"House of Hansen\">

</td>
</tr>
</table>
</body>
</html>

Drop tabel-højden, men lav højder på dine <tr>\'s og <td>\'s.
Bemærk, der er kommet en onresize ind i din <body> for at sikre en genindlæsning af tabellen. Der er også kommet en \'bgcolor=white\' på af hensyn til NS-brugere.
/Vh
</bole>

PS: 100% i NS = 100% MINUS bredden af en scrollbar - hvad enten den bliver skrevet ud eller ej...derfor går 100% ikke helt ud til højre, men 16 pixels fra.

Ole bole ligner en vinder, men i Netscape (Navigator 4.08) står den bare og reloader siden konstant, og det ser ikke så fedt ud.

Hmmm...det gør den ikke hos mig - men det er jo også på en rigtig computer (MacG3) ;o))
Har kodet hele natten, så jeg må prøve at kikke på det senere. Prøv lige at fjerne onresize-kaldet og se, om den stadig reloader selv.
/Vh

Ja, hvis jeg fjerner onresize kaldet så \"flimre\" den ikke, men derimod virker tabellen ikke (kun ca. 300px bred centreret)

(Vi er mange der glæder os til \"The Cube\" kommer til Danmark til august!  Det er en rigtig computer)

Det lyder MEGET sært...!?!
Jeg kan ikke med min bedste vilje eftergøre problemet - endsige se, hvad der skulle kunne generere det. Tabellen skal pinedød også blive fuld bredde, hvis du fjerner \'onresize\'-kaldet!
Hvilken maskine afvikler du på - og er der andre, der oplever samme problem med siden? Prøv evt. at uploade siden og få nogle andre til at teste den.
/Vh

Jeg har lige skiftet grafikkort og umiddelbart flimre den ikke nu.
Giv mig lige en dag til at teste forskelligt...

Nå, olebole.  Undskyld men jeg har været syg.

Skal vi se at runde dette spørgsmål af?

Jeg har testet din løsning, og det virker fint helt ud til kanten i Netscape.

Man kan tydeligt se forskellen:

http://house-of-hansen.virker.nu/
og så
http://house-of-hansen.virker.nu/hohtest.htm

Men der er en ting der ikke virker endnu:

Tabellen skal også være 100% i height, således at den hvide baggrund øverst og nederst fylder det samme, hvis du forstår?

Smider lige flere points på!

Skulle måske lige sige at \"dannyboy\" og \"offline\" ikke er samme person, men vi arbejder sammen om opgaven :-)

<script language=\"JavaScript\">
<!--
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false;
winW = (ns4)? window.innerWidth : document.body.offsetWidth;

document.write(\"<table align=\'center\' border=\'0\' width=\'\"+winW+\"\' cellpadding=\'0\' cellspacing=\'0\'>\");
// -->
</script>

...udvider du til:

<script language=\"JavaScript\">
<!--
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false; 
winW = (ns4)? window.innerWidth : document.body.offsetWidth;
winH = (ns4)? window.innerHeight : document.body.offsetHeight;

document.write(\"<table align=\'center\' border=\'0\' width=\'\"+winW+\"\' height=\'\"+winH+\"\' cellpadding=\'0\' cellspacing=\'0\'>\");
// -->
</script>

Så skulle det vist virke  ;o)
/Vh

Hmm, ikke helt.
Hvis du ser på denne url med Netscape

http://house-of-hansen.virker.nu/hohtest.htm

så holder den midterste tabelrække sig ikke inden for de tilladte 290px.

Jeg ved ikke hvordan det ser ud på Mac, men på
PC napper tabelrækken et godt stykke mere end den må.

Hmmm...man skal checke sine svar før man poster...skal man!  :o(
Prøv det her i stedet:

<script language=\"JavaScript\">
<!--
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false; 
winW = (ns4)? window.innerWidth : document.body.offsetWidth;
winH = (ns4)? window.innerHeight : document.body.offsetHeight;

document.write(\"<table align=\'center\' border=\'0\' width=\'\"+winW+\"\' height=\'\"+winH+\"\' cellpadding=\'0\' cellspacing=\'0\'>\");
// -->
</script>


</script>
<tr>
<td align=\"center\" valign=\"middle\"><img src=\"images/top_hohlogo.gif\" width=\"80\" height=\"68\" border=\"0\" ALT=\"House of Hansen\"></td>
</tr>
<tr>
<td>
    <table height=\"290\" width=100% cellpadding=0 cellespacing=0 border=0>
        <tr>
            <td bgcolor=\"red\" background=\"images/rosebg.jpg\">&nbsp;</td>
        </tr>
    </table>
</td>
</tr>
<tr>
<td align=\"center\" valign=\"top\">
...osv...osv...

Det ER testet ;o))
/Vh

\"Tjahhh...det kan da godt være, du har testet olebole, men...\"

Der er et \'</script>\' tag for meget - slet lige det ;o))
/Vh

Nu er vi tæt på, men nu gør den igen det med at stå og opfriske hele tiden, uden nogensinde at få hentet siden ind 100%

Bemærk at dette kun sker i Netscape og i 800x600

I 1024x768 i Netscape, og i IE (alle opløsninger) virker det fint

Ole, jeg er meget brødflov!
Jeg havde testet siden i en gammel udgave af Netscape (4.08), men det virker som det skal i den nyeste udgave.

Super - mange tak for hjælpen!