virker VALIGN ikke i Netscape??

valign virker i netscape...........

Du må bruge det forkert

VALIGN=\"top\"

<ole>
Mmmmm...men hvor?...På hvad?
</html valign=\"top\"> vender jo altså ikke dokumentet på hovedet, skal jeg lige understrege!  :oD
/mvh
</bole>

Tjaa, hvis i kigger på denne URL i henholdsvis IE & NS vil i kunne se en forskel i den nederste tabelcelle.
Til Ole: Jeg har ikke set siden på en Mac endnu, men det er bl.a. din javaScript stump jeg bruger til at kalkulere hovedtabellen.

http://house-of-hansen.virker.nu/master.php

Måske du´r dette...


<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\">
<HTML>
<HEAD>
<META name=\"Description\" content=\"House of Hansen online katalog/catalog\">
<META name=\"Author\" content=\"Richard Kruse Nees &amp; Daniel Vangberg @ Sotec.dk\">
<META name=\"Keywords\" content=\"rustik lys, the original rustik lys, stearinlys, lys, candles, lysestager, candleholders, dekoration, pynt, Interior, servietter, napkins, glas, glass, house of hansen, hansen, house, naverland, glostrup\">
<META name=\"Reply-to\" content=\"web@sotec.dk\">
<META name=\"Title\" content=\"House of Hansen\">
<TITLE>House of Hansen</TITLE>
<LINK href=\"css/hoh.css\" rel=\"stylesheet\" type=\"text/css\">
<STYLE type=\"text/css\">
.bg {background-image: url(../../common_images/grayback.jpg); background-repeat: no-repeat;}
</STYLE>

<SCRIPT type=\"text/javascript\" src=\"common_scripts/rollover.js\" language=\"JavaScript\">
</SCRIPT>

<SCRIPT type=\"text/javascript\" language=\"JavaScript\">
function init(){
createRollOver(\"pic1\");
createRollOver(\"pic2\");
createRollOver(\"pic3\");
createRollOver(\"pic4\");
}
</SCRIPT>
</HEAD>
<BODY marginheight=\"0\" marginwidth=\"0\" leftmargin=\"0\" topmargin=\"0\" onload=\"init();\" onresize=\"document.location.reload();\">
<TABLE align=\"center\" border=\"0\" width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\"><!-- IE -->
<TR>
<TD align=\"center\" valign=\"middle\">
<TABLE class=\"headlink\" align=\"center\" border=\"0\" cellpadding=\"5\" cellspacing=\"0\">
<TR>
<TD align=\"center\"><A href=\"java script: history.go(-1)\" onfocus=\"this.blur();\"><IMG src=\"../../common_images/lastpage.gif\" border=\"0\" width=\"20\" height=\"20\" align=\"bottom\" alt=\"Tilbage\"></A></TD>
<TD class=\"headlink\" align=\"center\"><A class=\"hl\" href=\"login_dk.php\">Login</A></TD>
<TD class=\"headlink\" align=\"center\"><A class=\"hl\" href=\"help_dk.php\">Hj&aelig;lp?</A></TD>
<TD align=\"center\"><A href=\"welcome_dk.php\" onfocus=\"this.blur();\"><IMG src=\"../../common_images/hohlogo.jpg\" border=\"0\" width=\"80\" height=\"59\" align=\"bottom\" alt=\"Tilbage til start?\"></A></TD>
<TD class=\"headlink\" align=\"center\"><A class=\"hl\" href=\"sitemap_dk.php\">Sitemap</A></TD>
<TD class=\"headlink\" align=\"center\"><A class=\"hl\" href=\"search_dk.php\">S&oslash;g</A></TD>
<TD align=\"center\"><A href=\"java script: history.go(1)\" onfocus=\"this.blur();\"><IMG src=\"../../common_images/nextpage.gif\" border=\"0\" width=\"20\" height=\"20\" align=\"bottom\" alt=\"Frem\"></A></TD>
</TR>
</TABLE>
</TD>
</TR>

<TR height=\"290\">
<TD height=\"290\" class=\"bg\" align=\"center\">Her skal indholdet placeres</TD>
</TR>

<TR valign=\"top\">
<TD align=\"center\" valign=\"top\">
<TABLE align=\"center\" class=\"top\" width=\"95%\" border=\"0\" cellpadding=\"5\" cellspacing=\"0\">
<TR>
<TD align=\"left\" valign=\"top\"><A href=\"#\" onfocus=\"this.blur();\" onmouseover=\"swap(\'pic1\',\'over\');\" onmouseout=\"swap(\'pic1\',\'normal\');\"><IMG src=\"dk/dk_images/hoh_normal.gif\" border=\"0\" width=\"94\" height=\"26\" align=\"bottom\" alt=\"Om House of Hansen\" name=\"pic1\"></A> <BR>
<A href=\"#\" onfocus=\"this.blur();\" onmouseover=\"swap(\'pic2\',\'over\');\" onmouseout=\"swap(\'pic2\',\'normal\');\"><IMG src=\"dk/dk_images/nyheder_normal.gif\" border=\"0\" width=\"94\" height=\"26\" align=\"bottom\" alt=\"Nyheder\" name=\"pic2\"></A> </TD>
<TD align=\"right\" valign=\"top\"><A href=\"#\" onfocus=\"this.blur();\" onmouseover=\"swap(\'pic3\',\'over\');\" onmouseout=\"swap(\'pic3\',\'normal\');\"><IMG src=\"dk/dk_images/messer_normal.gif\" border=\"0\" width=\"94\" height=\"26\" align=\"bottom\" alt=\"Oplev os p&aring; messerne\" name=\"pic3\"></A> <BR>
<A href=\"#\" onfocus=\"this.blur();\" onmouseover=\"swap(\'pic4\',\'over\');\" onmouseout=\"swap(\'pic4\',\'normal\');\"><IMG src=\"dk/dk_images/varesortiment_normal.gif\" border=\"0\" width=\"94\" height=\"26\" align=\"Se varesortiment\" alt=\"Dansk\" name=\"pic4\"></A> </TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Det har ikke ændret noget som du kan se på
http://house-of-hansen.virker.nu/test.php

Meget af kildekoden er iøvrigt parset af PHP
men det skulle jo ikke gøre en forskel på at
VALIGN ingen effelt har i Netscape !?!

jeg ville prøve at sætte mine borders til 1 i dine tabeller - så kan du se, hvordan de 2 browsere opfatter tabellernes grænser (den bruger jeg altid, når jeg skal løse lignende \"problemer\" og det virker altid) - for jeg tror det er dér \"den\" ligger begravet. For Netscape understøtter altså Valign fuldt ud.

/nuno

Hmmm, det har du jo nok ret i.
I hver tilfælde kan jeg nu se at det skyldes
at Netscape ikke overholder højden af den
midterste tabelcelle som jeg har skrevet (290px)
Men det er jo almindeligt kendt at den ikke kan
det, så hvad gør jeg så?

URLs nu med border=1
http://house-of-hansen.virker.nu/master.php
http://house-of-hansen.virker.nu/test.php

nu har jeg lavet følgende forslag - der VIRKER efter hensigten i begge browsere:

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

<html>
<head>
    <title>Untitled</title>
</head>

<body>
<center>
<table width=\"750\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\">
    <tr>
        <td height=\"100\" bgcolor=\"#999999\" align=\"center\" valign=\"middle\" colspan=\"2\">øverste menu!</td>
    <tr>
    <tr>
        <td height=\"290\" bgcolor=\"#FFFFFF\" align=\"center\" valign=\"middle\" colspan=\"2\">her skal indholdet placeres</td>
    </tr>
    <tr>
        <td width=\"375\" height=\"75\" bgcolor=\"#999999\" align=\"left\" valign=\"top\">knap<br>knap</td>
        <td width=\"375\" bgcolor=\"#999999\" align=\"right\" valign=\"top\">knap<br>knap</td>
    <tr>
</table>
</center>
</body>
</html>


du kan så selv indsætte flere <tr> og <td> alt efter hvad du måtte bruge - og selv erstatte absolutte pixel-bredder/højder med %-vise hvis du vil. (som det ses, har jeg brugt valign med \"succes\" i ns ;-) så ingen probs der )

Hvis du også vil have siden vertikalt centreret kan du evt. stoppe det hele ind i en stor tabel, som har højde 100% og selve cellen med en valign=\"middle\"

/nuno

Nuno, Det var pænt af dig at prøve at lave en løsning, men jeg tror ikke jeg kan bruge den.

Jeg er med på at VALIGN godt kan bruges i NS, men hvis du ser min sidste kommentar er det ikke længere det der er problemet.

Desuden kan jeg ikke rigtigt bruge eksempler hvor der er faste pixelhøjder/breder, da det skal virke i både 800x600 og 1024x768.
Jeg kan godt se at du siger at jeg selv kan sætte procenterne, men Netscape forstår som bekendt ikke at fylde en tabel 100% ud i breden.
Derfor bruger jeg et Javascript som OleBole har lavet, som automatisk regner skærmopløsningen ud i pixels og derefter generere tabellen med den aktuelle brede osv.

Hvis du kigger på de links jeg har givet i min sidste kommentar vil du se at Netscape ikke vil overholde mit ønske om at den midterste tabelcelle kun må være 290 px høj.

Jeg er bange for, problemet ligger i vores sammenrodning af pixels og procent. Vi skal ud i at bygge hele tabellen op i absolutte dimensioner via scripts. Du kan aflæse højde på en lignende måde, som du bruger til bredden og kombinere den med et platforms- / browser-check - og skrive dynamisk ud.
Det kan desværre af og til blive nødvendigt, når man stiller specielle krav til layout\'et - og ikke vil gå på kompromis. Repekt for det, iøvrigt!  :o)

Jeg har ikke overskud på stående fod, men bank på indersiden af min monitor om en uges tid, så skal vi nok finde løsningen. Du har min mail-adresse.
/mvh

PS: Det nye design klæder klart siden!  :o)

@offline..... det er faktisk et pænt design på siden - kan godt se problemet.

@olebole..... hvis man må \"se\" med?

Kunne godt lære en ting eller 2 der :)

/nuno

Vi poster det her, hvis vi finder ud af noget  ;o)

kanon :)

/nuno

Hvad med noget i denne stil...

<html>
<body marginheight=\"0\" marginwidth=\"0\" leftmargin=\"0\" topmargin=\"0\" rightmargin=\"0\">

<center>

<table width=100% height=100% border=1 cellspacing=0 cellpadding=0>
<tr height=25%>
<td colspan=2 height=25% align=center>
<font face=verdana color=#000000 size=-1>
Her kan du så opbygge nye tables...
</font>
</td>
</tr>
<tr height=50%>
<td colspan=2 height=50% align=center background=grayback.jpg>
<font face=verdana color=#000000 size=-1>
Her kan du så opbygge nye tables...med selve indholdet.
</font>
</td>
</tr>
<tr height=25%>
<td height=25% align=right valign=top>

<table width=90% border=1>
<tr height=50%>
<td height=50% align=left>
LINK 1
<br>
LINK 2
</td>
</tr>
</table>

</td>
<td height=25% align=left valign=top>

<table width=90% border=1>
<tr height=50%>
<td height=50% align=right>
LINK 1
<br>
LINK 2
</td>
</tr>
</table>

</td>
</tr>
</table>

</center>

</body>
</html>