Avatar billede ceec Nybegynder
28. maj 2006 - 13:59 Der er 15 kommentarer og
1 løsning

Definering af størrelse

Hej Eksperter

Jeg sidder og roder med et lille problem som jeg ikke kan greje, så jeg håber i kan hjælpe.

Jeg har en tabel som jeg altid gerne vil have skal fylde 100% af siden. Men samtidig er det vigtigt for mig at kunne definere størrelserne på de forskellige celler.

Min kode ser nogenlunde sådan her ud:

<body style="height:100%;">
<table width="800" height="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100px">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Men jeg får ikke lov til at definere <td> til at være 100px. Jeg ved at man kunne gøre det i %, men det er vigtigt at denne altid er 100px høj, da den indeholder et billede. Kan dette lade sig gøre?? Og hvad gør jeg evt. forkert....
Avatar billede leif Seniormester
28. maj 2006 - 14:03 #1
Hvis den indeholder et billede vil cellen normalt udvide sig i højden eller er det mig der husker galt.
Avatar billede ceec Nybegynder
28. maj 2006 - 14:05 #2
Ja, det gør den, men problemet er at den bliver "størrer" end de 100px, og jeg ønsker at sikre mig at den altid forbliver 100px...
Avatar billede cpufan Juniormester
28. maj 2006 - 14:16 #3
er det fordi billedet er størrere?
Avatar billede ceec Nybegynder
28. maj 2006 - 14:28 #4
Nej, men det "låser" sig ikke på de 100px. Jeg sætter tabel og body til 100%, så strækker den cellerne ud, selvom jeg forsøger at definere at den kun skal være 100px.
Avatar billede cpufan Juniormester
28. maj 2006 - 14:30 #5
sæt højden på tr i stedet for
Avatar billede ceec Nybegynder
28. maj 2006 - 14:33 #6
Har jeg prøvet. Giver samme resultat. Virker ikke
Avatar billede ceec Nybegynder
28. maj 2006 - 14:37 #7
Udfra hvad jeg selv kan finde ud af, er det et problem mellem at angive højden i % og derefter forsøge at sætte en celle til eks. 100px. Sætter jeg eksempelvis cellen til 70% vil den ændre størrelsen til dette.
Avatar billede cpufan Juniormester
28. maj 2006 - 14:52 #8
<body >
<table width="800" height="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100px">&nbsp;</td>
  </tr>
  <tr>
    <td height="100%">&nbsp;</td>
  </tr>
</table>
Avatar billede cpufan Juniormester
28. maj 2006 - 14:54 #9
eller

<td style="height:100px">
Avatar billede ceec Nybegynder
28. maj 2006 - 14:55 #10
Hmm, min første test ser god ud, prøver det lige ordentligt......så vender jeg tilbage
Avatar billede mclemens Nybegynder
28. maj 2006 - 16:26 #11
Uhm, nu er table's ikke min stærke side ... her er et eksempel på div's ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

</script>

<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;background:#bbb;}
</style></head>

<body>

<div style="margin:0px auto;width:770px;height:100%;background:#bbb;position:relative;">

<div style="height:100px;background:#aaa;">&nbsp;</div>

<div style="position:absolute;top:100px;">&nbsp;</div>

</div>

</body></html>
Avatar billede mclemens Nybegynder
28. maj 2006 - 16:27 #12
<div style="height:100px;background:#aaa;">&nbsp;</div>

^ - burde kunne erstattes af:

<img src="det100px_hoeje_billede.jpg" alt="">
Avatar billede mclemens Nybegynder
28. maj 2006 - 16:28 #13
width:770px; skal måske være 800px og margin:0px auto; fjernes
Avatar billede ceec Nybegynder
28. maj 2006 - 17:20 #14
Hey Mclemens, har lavet min side med table allerede, og lidt omstændigt at lave det om. Men de forslag er udemærket. Dog har jeg fiflet lidt med cpufan's forslag og lavet en løsning som fungere.

Mange tak for hjælpen begge to. Dog må pointene gå til cpufan....smider du et svar :)
Avatar billede mclemens Nybegynder
28. maj 2006 - 17:24 #15
-  Selvfølgelig, var også kun et forslag :)
Avatar billede cpufan Juniormester
28. maj 2006 - 17:26 #16
kommer her
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