Avatar billede 7th Praktikant
11. april 2002 - 20:52 Der er 14 kommentarer og
2 løsninger

Akut css problem.

http://home1.stofanet.dk/jong/

I NS 6.1 får jeg ingen topmidte frem. Desuden strækker tabellen sig ikke 100% i height. I IE ser det fino ud.
Css oplysningerne ser sådan ud.

.topleft {background-image: url("tl.gif");}

.topmidte
{
background-image: url("tm.gif");
padding: 38px 0px 0px 0px;
}

.topright {background-image: url("tr.gif");}

- - -

.heighta {height: 100%;}

.heightb {height: 165px;}

.heightc {height: 50px;}

Adressen til css er http://home1.stofanet.dk/jong/styles.css
Avatar billede boris Mester
11. april 2002 - 21:00 #1
For mig ser det ud til, at du mangler et <table> før den <td>
Avatar billede boris Mester
11. april 2002 - 21:03 #2
Sådan har du skrevet:
<table border="0" cellpadding="0" cellspacing="0" class="heightb" width="224">
<tr>
<td class="statistik">
Dato
</td>
</tr>
</table>

</td>
<!--Her kunne der godt have stået <table>-->
<td align="center" class="topmidte" height="165" width="487" valign="top">
<img src="../Logo/Logo Test.bmp" alt="" height="82" width="455">
</td>

<td class="topright" height="165" width="59">
&nbsp;
</td>
</tr>
</table><!-- for her endte </table> -->
Avatar billede 7th Praktikant
11. april 2002 - 21:04 #3
Kunne du ikke lige udpege hvor det er du mener der mangler et <table>.
Avatar billede 7th Praktikant
11. april 2002 - 21:10 #4
Nej der mangler ikke noget <table>.

<table border="0" cellpadding="0" cellspacing="0" class="heighta" width="770"> <!-- Ydre Table -->
<tr>
<td colspan="5" height="165" width="770"> <!-- TD Start -->

<table border="0" cellpadding="0" cellspacing="0" class="heightb" width="770"> <!-- Table 1 Start -->
<tr>
<td class="topleft" height="165" width="224">

<table border="0" cellpadding="0" cellspacing="0" class="heightb" width="224"> <!-- Table 2 Start -->
<tr>
<td class="statistik">
Dato
</td>
</tr>
</table> <!-- Table 2 Slut -->

</td> <!-- TD Slut -->

<td align="center" class="topmidte" height="165" width="487" valign="top"> <!-- TD 1 Start -->
<img src="../Logo/Logo Test.bmp" alt="" height="82" width="455">
</td> <!-- TD 1 Slut -->

<td class="topright" height="165" width="59"> <!-- TD 2 Start -->
&nbsp;
</td>
</tr>
</table> <!-- Table 1 Slut -->

</td> <!-- TD 2 Slut -->
</tr>
Avatar billede boris Mester
11. april 2002 - 21:10 #5
Jeg så forkert, beklager, da jeg fik det over i en editor så jeg der var lige mange begyndelse og sluttags
Avatar billede 7th Praktikant
11. april 2002 - 21:14 #6
Det er oki, tags'ene er just hellere ikke lige opstillet ret logisk ;)
Det mærkelige er, at NS 6.1 godt kan læse background="xxx.gif" i <td>, men lige så snart jeg ændre til class gemmer den topmidte af vejen.
Avatar billede 7th Praktikant
11. april 2002 - 21:20 #7
Ahh topmidte billedproblemet er løst nu. NS kan ikke læse filnavnet Logo Test i <img src="../Logo/Logo Test.bmp" alt="" height="82" width="455">.

Men jeg mangler stadig at få height problemet løst. Nogen der ved hvorfor .heighta {height: 100%;} ikke går med NS, eller har jeg lavet en fejl ?
Avatar billede boris Mester
11. april 2002 - 21:44 #8
Jeg overså dit filnavn med mellemrum, det går naturligvis ikke;
<table style="height:100%" osv. virker fint i NS6.
Avatar billede boris Mester
11. april 2002 - 22:16 #9
Nu er det lidt svært at se hele tabellen for sig uden at tegne den ned eller stille koden pænt op, men kan det tænkes, at du et eller andet sted har <td>'er oven over hinanden, som tilsammen giver en anden højde end den yderste tabels højde?
Avatar billede 7th Praktikant
11. april 2002 - 22:44 #10
Nej det tror jeg ikke da ydre er sat til 100 % også, men checker lige hele skidtet igennem nok engang ;)...
Avatar billede 7th Praktikant
12. april 2002 - 01:56 #11
Det må vente til imorgen, men et eller andet har jeg gjort galt.
Avatar billede 7th Praktikant
12. april 2002 - 13:12 #12
Nu har jeg optimeret tags'ene, gjort det let overskueligt, og sorteret tags uden relevans til problemet fra. Men stadig funker det ikke i Netscape 6.1 eller 6.2 http://home1.stofanet.dk/jong/Test.htm

.abcde {background-color: #000080; height: 100%;}
og
<table border="0" cellpadding="0" cellspacing="0" class="abcde" width="770">

Nogen der kan se en eller anden fejl eller fortælle hvorfor det ikke virker ?
Avatar billede olebole Juniormester
13. april 2002 - 06:10 #13
<ole>
I CSS afgøres procentvis angivelse af højden, som procent af den omsluttende boks. Det vil for din yderste tabel sige dit <center> tag. Sæt den til <center style="height:100%;"> - så indretter din tabel sig efter dette.

Du vil dog løbe ind i problemer, når du angiver første række til '165px' - anden række til '100%' - tredie række til '50%'.
Den midterste række vil være 100% af den omsluttende boks ... og den er 100% ...! Derfor vil din tabel altså blive 100%+165px+50px --> du vil få en tabel, der er 215px højere end vinduets indre højde  :(

Hvis du giver blot én af dine celler i den midterste række id="ib" (og sletter alle højder i denne række), kan du køre dette script:

<script type="text/JavaScript">
function setTable() {
    var winH = (document.all)? document.body.offsetHeight : window.innerHeight;
    var obj = (document.getElementById)? document.getElementById("ib") : document.all.ib;
    obj.style.height = winH - 215;   
}
window.onload = setTable;
window.onresize = setTable;
</script>

Det kan være, du skal fiddle lidt med noget body-margin og der kan også være en anelse forskel mellem IE og NS.
Sidstnævnte forskel kan du dog kompensere for i første linie ved at trække lidt fra eller lægge lidt til i den ene værdi.
/mvh
</bole>
Avatar billede olebole Juniormester
13. april 2002 - 06:15 #14
Rettelse .... der skulle have stået:

"Du vil dog løbe ind i problemer, når du angiver første række til '165px' - anden række til '100%' - tredie række til '50px'."

... altså '50px' - ikke '50%'. Sorry  ;o)
/mvh
Avatar billede 7th Praktikant
14. april 2002 - 03:45 #15
Ahh oki, boris var inde på det. Kigger lige på det.
Avatar billede 7th Praktikant
14. april 2002 - 04:42 #16
Takker for hjælp begge. Sad to say bye, Olé Olé det var Bole.
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