"Hjælp til flytning af HTML-kode for HEIGHT til CSS-fil".

hhttp://www.sadolins.com/scripts/style.css må det vidst være.
Du skriver blot
table {height: 100%}
eller på siden <table style="height: 100%}

Skal selvfølgelig være
table {height: 574px}
<table style="height: 574px}
i dit tilfælde

Da der i slet ikke findes en height-attribut til et table-tag i nogen standarder, vil du ikke kunne validere det (selvom det såvidt jeg ved virker i alle browsere !-)

-- men som knudgert skriver:

<table style="width:100%;height:574px;border:0" cellspacing="0" cellpadding="0">

Men hvor skal det stå i css-filen?
Og skal der ikke være nogen class?:

table {height: 100%}

Er nedennævnte for html:

<table style="height: 100%}

se www.w3schools.com under CSS i venstremenuen :-)

Jo, hvis du har tabeller.
.hoejde {height: 574px}
<table class="hoejde" width...>
Den anden er i stedet for at skrive det i cssarket, det bruger jeg tit, hvis det kun skal bruges et sted.
<tabele style="height: 574px" width...>

-- og inline styles er en måde at sætte en meget prioritet på en style-property !-)

Det er en "kommando", som jeg skal bruge igennem hele sitet.
Jeg er blevet en smule forvirrende over ovenstående, og jeg er ikke så stiv til at bruge css-filen. Det er 1½ år siden at jeg lavede det, og jeg har ikke ændret i det siden.

Hvad og hvor skal det stå? Det ser således ud.

Mange hilsener

Nikolaj
---

a{

    color: #0000FF;

    font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

    text-decoration: none;

}



a.igmtopmenu{

    border: solid #000080;

    border-bottom-width: 0px;

    border-left-width: 0px;

    border-right-width: 0px;

    border-top-width: 1px;

    color: #FFFFFF;

    cursor: hand;

    font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

    left: 0;

    text-decoration: none;

    width: 224px;

}



a.tdmenu {

    border: thin;

    color: #FFFFFF;

    font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

    line-height: 13px;

    width: 320px;

}



a.top {

    color: #FFFFFF;

    font-size: 10pt;

    text-decoration: none;

    font-weight: bold;

}



a.topmenu{

    border: solid #000080;

    border-bottom-width: 0px;

    border-left-width: 0px;

    border-right-width: 0px;

    border-top-width: 1px;

    color: #FFFFFF;

    cursor: hand;

    font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

    left: 0;

    text-decoration: none;

    width: 224px;

}



a:hover{

    background: none #336699;

    color: #FFFFFF;

    text-decoration: none;

}



a.igmtopmenu:hover{

    background: none #336699;

    color: #FFFFFF;

    height: 15px;

    text-decoration: none;

    width: 224;

}



a.no_hover:hover{

    background: none

    color: #FFFFFF;

    text-decoration: none;

}



body{

    background: repeat-y;

    background-image: url(../kant.jpg);

    font: normal 8pt light;

    margin: 0;

    overflow-y: auto;

    padding: 0;

    text-align: justify;

    text-decoration: none;

    text-indent: 0;

}



dd{

    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

    margin-left: 160px;

}



dd.user{

    color: #0000FF;

    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

    margin-left: 100px;

    text-align: justify;

}



div#bund{

    left: 240;

    position: absolute;

}



div#cdr {

    overflow-y: auto;

    width: 100%;

}



div.igm {

    background: #FFFFEF;

    border: 0px solid #FFFFEF;

    border-bottom-width: 0px;

    border-left-width: 0px;

    border-right-width: 0px;

    border-top-width: 25px;

    font-size: 8pt;

    height: 100%;

    left: 260px;

    margin-left: 0px;

    padding: 10px 10px 10px 10px;

    top: 0;

    vertical-align: middle;

    z-index: 59;

}



div.igmlinks{

    height: 100px;

    left: 0;

    position: absolute;

    top: 260px;

    z-index: 99;

}



div.igmsearch{

    left: 0px;

    position: absolute;

    top: 292px;

    z-index: 5;

}



div.igmsearch1{

    left: 0;

    position: absolute;

    top: 550px;

    z-index: 5;

}



div.menu{

    border: solid #000080;

    border-bottom-width: 1px;

    border-left-width: 0px;

    border-right-width: 0px;

    border-top-width: 0px;

    margin-top: 35px;

    width: 224px;

}



div.quote{

    background-color: #FFFFE6;

    border: 4px ridge #D3D3D3;

    font-size: 8pt;

    height: 100;

    left: 3px;

    padding: 2px 2px 2px 2px;

    position: absolute;

    text-align: left;

    top: 363px;

    visibility: visible;

    width: 218px;

}



div.quotelinks{

    height: 100px;

    left: 0;

    position: absolute;

    top: 275px;

    visibility: hidden;

    z-index: 99;

}



div.showfamily{

    background: #FFFFFF;

    border-width: 1px;

    font-size: 8pt;

    line-height: 100%;

    margin-left: 0px;

    top: 400px;

    width: 100%;

    z-index: 2;

}



div.showfamily1{

    background: #FFFFFF;

    font-size: 8pt;

    height: 250px;

    line-height: 100%;

    margin-left: 0px;

    position: absolute;

    top: 400px;

    width: 100%;

    z-index: 1;

}



div.shownote, div.showsource, div.showIframe{

    background: #FFFFEF;

    border: thin outset #000080;

    border-width: 1px;

    font-size: 8pt;

    height: 215px;

    line-height: 100%;

    margin-left: 0px;

    overflow-y: auto;

    padding: 10px;

    position: absolute;

    top: 400px;

    visibility: hidden;

    width: 100%;

    z-index: 3;

}



div.showquote{

    background: #FFFFEF;

    font-size: 8pt;

    height: 100%;

    left: 250px;

    line-height: 100%;

    margin-left: 0px;

    overflow-y: auto;

    padding: 25px 2px 2px 2px;

    position: absolute;

    top: 0;

    vertical-align: middle;

    visibility: hidden;

    width: 100%;

    z-index: 59;

}



div.skjul{

    visibility: hidden;

}



div.vis{

}



dl,dt{

    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

}



em{

    font-weight: bold;

}



h1,h2{

    font: 20px Verdana, Geneva, Arial, Helvetica, sans-serif;

    text-align: center;

    text-decoration: none;

}



li{

    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

    margin-left: 20px;

}



li.menu{

    height: 10px;

    line-height: 5px;

}



li.tdmenu{

    color: #FFFFFF;

    font: bold 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

    height: 15px;

    line-height: 13px;

    list-style: disc;

    width: 320px;

}



ol{

    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

}



p{

    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

    text-align: justify;

    width: 100%;

}



p.indryk{

    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

    left: 20px;

    position: relative;

    text-align: justify;

    width: 95%;

}



pre{

    font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

}



td,body{

    font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

}



.a_menu {

    color: #FFFFFF;

    cursor: hand;

    height: 15px;

    left: 0px;

    text-decoration: none;

    width: 224px;

}



.drop {

    color: #FFFFFF;

    font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

    text-decoration: none;

}



.igmtopmenu {

    border: solid #000080;

    border-bottom-width: 0px;

    border-left-width: 0px;

    border-right-width: 0px;

    border-top-width: 1px;

    color: #FFFFFF;

    cursor: hand;

    height: 15px;

    text-decoration: none;

    width: 224px;

    z-index: 6;

}



.pad15left {

    padding: 0px 0px 0px 15px;

}



.pedtree{

    left: -75px;

    position: relative;

    z-index: 3;

}



.printer{

    display: none;

}



.proband{

    background-color: #FFFFFF;

}



.tdmenu {

    color: #FFFFFF;

    font: bold 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;

    height: 15px;

    line-height: 13px;

    text-decoration: none;

    vertical-align: middle;

    width: 320px;

}



.topmenu {

    background-image: url(../tri.gif);

    background-position: right;

    background-repeat: no-repeat;

    border: solid #000080;

    border-bottom-width: 0px;

    border-left-width: 0px;

    border-right-width: 0px;

    border-top-width: 1px;

    color: #FFFFFF;

    cursor: hand;

    height: 15px;

    left: 0;

    text-decoration: none;

    width: 224px;

}



.wrap1{

    position: relative;

}



.wrap2{

    position: relative;

}



#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{

    z-index: 100;

}

table {height: 100%} (uden punktum) gør at *alle* dine tabeller automatisk nedarver højden

Smid den ind lige efter din body styles i dit meget lange stylesheet :-)

........
......
..
body{

    background: repeat-y;

    background-image: url(../kant.jpg);

    font: normal 8pt light;

    margin: 0;

    overflow-y: auto;

    padding: 0;

    text-align: justify;

    text-decoration: none;

    text-indent: 0;

}

table {height: 100%}

....
........
......

-- skal alle dine tabeller have en højde på 574px ?-)

-- eller er det en bestemt på hver side (hvilket jeg umiddelbart vil gætte på !-)

Kan desuden varmt anbefale topstyle lite fra bradsoft til at lave stylesheets med:
http://www.bradsoft.com/download/index.asp - gratis :-)

Til Roenving:

Nej, det er kunne denne. Det har du naturligvis ret i. Før stod der:

<TABLE width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'>

Og det er denne linie som jeg gerne vil have over i css-filen.
Uden helt at vide hvordan.

Til Stafer: Tak for rådet. Bruger dog allerede TopStyle :-)!

Således at forstå at: <TABLE width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'> ændres til en css-kode, som kan bruges på alle websiderne.

For så ville jeg sætte et id i (evt. en class !-) og gøre sådan:

#maintable{
  width:100%;
  height:574px;
  border:0;
  border-collapse;
}
#maintable td{
  border:0;
}


<table id="maintable">

Så er det en klasse:

.minEneTabel{
  height: 100%;
  width:100%; 
  border-style:none;
  padding:0px;
  margin:0px;
}

Indsæt som jeg skrev før og kald den fra html'en således:

<TABLE class="minEneTabel">

Hov:

  border-collapse:collapse;

lol... - Næsten identisk :-)

OK, men vil height så udelukkende være 574px og dermed ikke justerer sig efter siden?

arch... collapse.. so true...

100% ændres selvfølgelig til 574px eller whatever.. - ellers jo, så justerer den sig relativt i forhold til viewport

En table vil altid udvide sig, hvis der er indhold, som fylder mere ...

Hvad er border-collapse:collapse; ?

-- sammen med

#maintable td{
  border:0;
}

betyder det det samme som

cellspacing="0" cellpadding="0"

roenving -> nope, kun der indgår fx nowrap - ellers tilføj max-width: 500px til ovenstående hvis det er...

Hrm ...

<table style="width:10px;height:10px">
  <tr>
    <td>
      Så kan dette ikke ses ?-)</td>
  </tr>
</table>

OK - i tabte mig vist på grænse kollapset, men "kommandoen" virkede:

.minEneTabel{
  height: 100%;
  width:100%; 
  border-style:none;
  padding:0px;
  margin:0px;
}

Indsæt som jeg skrev før og kald den fra html'en således:

<TABLE class="minEneTabel">

Se: http://www.sadolins.com/onetree/index1.htm

Denne har den gamle kode: http://www.sadolins.com/onetree/index.htm

Hvorledes får jeg den index1's nederste del til at ligne index's nederste del, således at mest muligt af skærmbilledet vises i "tekstbokse"?
Der er ca. ½ cm. uudnyttet plads nederst i index1 i forhold til index.

Lige to korte spørgsmål:

Har I noget forslag til ovenstående om tekstboksen?
Hvorledes får jeg de blå linier nederst til at flugte som de øverste blå linier gør - i ventre side (se: http://www.sadolins.com/onetree/index1.htm )?

Hvem af jer skal have pointene?

Uha, du har javascript fejl:

<script type="text/javascript" language="JAVASCRIPT1.2">
<!--
moz = document.getElementById ? true : false
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
<script type="text/javascript" language="JavaScript">
<!--

// Show/Hide functions for non-pointer layer/objects
....
.......

udskift til:
<script type="text/javascript" language="JAVASCRIPT1.2">
<!--
var moz = (document.getElementById) ? true : false;
var ns4 = (document.layers) ? true : false;
var ie4 = (document.all) ? true : false;

// Show/Hide functions for non-pointer layer/objects
....
.......

MHT tekstboksen, så ser det ud til at du bare skal tilføje en div, hvor du specificerer en fast højde, så designet 'skubbes' nedad:

<div style="height:20px;">&nbsp;</div>

Eller noget i den stil...

Mht point, så er det op til dig :-)

Tak for hjælpen til jer alle!