Avatar billede tjensen Nybegynder
22. maj 2005 - 14:37 Der er 13 kommentarer og
1 løsning

colspan 2 giver problemer

Jeg har et irriterende problem.

Jeg opdeler min side med en tabel som ser således ud:

<table border="1" style="margin:0px; width:100%; height:100%;">
<tr valign="top">
  <td colspan="2" style="height:110px;">
  Banner
  </td>
</tr>
<tr valign="top">
  <td style="width:160px;">
  Menu
  </td>
  <td>
  Main
  </td>
</tr>
</table>

Det virker fint indtil jeg sætter et billede ind istedet for banner. Lige pludselig bliver min menu mere end 160px bred.
Hvorfor?

Den nye kode ser således ud:
<table border="1" style="margin:0px; width:100%; height:100%;">
<tr valign="top">
  <td colspan="2" style="height:110px;">
  <img src="images/banner.jpg">
  </td>
</tr>
<tr valign="top">
  <td style="width:160px;">
  Menu
  </td>
  <td>
  Main
  </td>
</tr>
</table>
Avatar billede roenving Novice
22. maj 2005 - 14:44 #1
Hvis der ikke er bredde på den anden tabel-celle, vil IE (Mozillaen gør det ikke !-) lave det nummer, så du kan med fordel droppe den øverste række og finde andre måder at lave din 100% højde !o]
Avatar billede tjensen Nybegynder
22. maj 2005 - 14:55 #2
Er ikke lige med på hvad du mener med:
så du kan med fordel droppe den øverste række..

-Okay, fjerne mit banner og måske sætte det in med et div istedet og så lave en margin over min tabel på de 110 px?!?

Og så:
finde andre måder at lave din 100% højde.

- Lost, hvorfor? Snakker du ikke om de 110 px? ;P
Avatar billede roenving Novice
22. maj 2005 - 14:59 #3
Hele tabellen er jo sat til at være 100% i højden !-)

-- kom lige til at tænke på en mulig løsning:

  <td colspan="2" style="height:110px;position:relative;">
  <img src="../billede.jpg" style="position:absolute;height:110px;width:700px;">
  </td>
Avatar billede tjensen Nybegynder
22. maj 2005 - 15:15 #4
Ja, det er nu med vilje jeg har hele tabellen til at være h/w 100%. For i stylsheet'et har jeg så body overflow: hidden; og en div i min main td med overflow: auto;

Så kan jeg ikke se problemmet i height 100%
Avatar billede roenving Novice
22. maj 2005 - 15:24 #5
Har du højde på body og html, og har du en fuldt kvalificeret doctype inklusive dtd-link ?-)

For hvis du har det (altså har en fuldt rigtigt html-dokument !-), vil et element, som sættes til 100% tage den relative højde fra det nærmest omkransende element, som har en defineret højde, og man kan dermed kun have eet element ...

-- men jeg har heller ikke udtrykt noget om problemer med de 100% !o]
Avatar billede tjensen Nybegynder
22. maj 2005 - 15:31 #6
Åhh åh, vidste godt på nogle af dine tidligere indlæg at du har forstand på hvad du snakker om.. Og der væltede du mig lige af pinden.

Har ikke brugt tid på <!DOCTYPE> endnu, og ved egentlig ikke konkret hvad de gør.
Mine hjemmesider har hidtil virket uden. Men ofte ligger mine sidder også kun på min egen server til privat brug.
Avatar billede roenving Novice
22. maj 2005 - 15:41 #7
Doctype er en nødvendig ting på et html-dokument, for så kan browseren finde ud af, hvilke regler den skal fortolke dokumentet efter, og dtd-linket er nødvendigt, hvis IE skal fortolke efter standardens anvisninger ...

-- og det er nemmest at få sider til at fungere i flere forskellige miljøer (læs: browsere !-), hvis man explicit fortæller hvilke regler, der skal bruges ved renderingen ...

-- og fordi det netop er IE, som er slemmest til at gå i quirks-mode, vil en side, som virker helt perfekt i IE uden doctype og/eller dtd-link sjældent ligne andet end lort, hvis browseren rent faktisk viser det, siden er programmeret til !o]

-- så gør det bare til en vane !-)

F.eks. med:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
Avatar billede tjensen Nybegynder
22. maj 2005 - 15:49 #8
Okay, jamen det vil jeg da prøve at sætte ind så. Nok også bare en vane sag.

Jeg takker da mange gange for tippet!

Bare svar, du har fortjent lidt point for at sparke til min dovne side ;)
Avatar billede roenving Novice
22. maj 2005 - 15:52 #9
Velbekomme '-)
Avatar billede tjensen Nybegynder
22. maj 2005 - 15:53 #10
Hvordan laver man så lige let tabellen 100% height?
Avatar billede roenving Novice
22. maj 2005 - 16:01 #11
F.eks. i et stylesheet i head-sektionen:

<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
</style>
Avatar billede roenving Novice
22. maj 2005 - 16:01 #12
-- og tak for point ;~}
Avatar billede tjensen Nybegynder
22. maj 2005 - 16:11 #13
Okay tak, det skal jeg nok fatte og få til at virker.

(Til andre med samme problem...)
Fandt også lige http://eksperten.dk/spm/497362 som nok kan blive nødig.
Avatar billede tjensen Nybegynder
22. maj 2005 - 18:20 #14
Hey igen roenving!

Du har fået ærten til at trille lidt rundt inde i hovedet på mig. Åhh åh..

Så hvis du har lyst kunne du lige kigge forbi på http://www.eksperten.dk/spm/619711
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

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger Entreprise Arkitekt

Politiets Efterretningstjeneste

Fullstack softwareudvikler i PET

Capgemini Danmark A/S

AI/Data Engineer