Søg
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:00 Der er 28 kommentarer og
1 løsning

problem med tables og colspan

Hej

Jeg har et problem med følgende kode:

<html>
<head>
<title>Untitled</title>
</head>
<body>
Eksempel 1:
<table border="1" width="100%">
<tr>
<td width="200" bgcolor="yellow">1</td>
<td bgcolor="blue">2</td>
<td width="200" bgcolor="red">3</td>
</tr>
<tr>
<td colspan="3">test test test test test test test test test test test test test test test test test</td>
</tr>
</table>
<p>
Eksempel 2:
<table border="1" width="100%">
<tr>
<td width="200" bgcolor="yellow">1</td>
<td bgcolor="blue">2</td>
<td width="200" bgcolor="red">3</td>
</tr>
<tr>
<td colspan="3">test test test test test test test test test test test test test test test test test test</td>
</tr>
</table>
</body>
</html>

Den nederste tabel går i stykker fordi jeg tilføjer endnu en "test"-tekst. Hvorfor gør den det?

/nightowl
Avatar billede trekkies Juniormester
23. juli 2004 - 11:05 #1
Jeg har taget et kopi af din kode, og det køre fint, men hvis det er fordi at du lavet en mere <td>test</td>, så skal du ændre den øverste fra <td colspan="3"> til <td colspan="2">.

Det virker hos mig.
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:05 #2
Fungerer fint her.
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:07 #3
Der er altså ikke forskel på de 2 tabeller hos jer? Bruger I IE6?
Avatar billede roenving Novice
23. juli 2004 - 11:09 #4
I Mozilla kører det fint ...

Men IE har et problem !-)

Jeg prøvede så lige at sætte doctype på, men det ændrer ikke noget ,-(
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:10 #5
Har lige selv testet i Netscape og der virker det fint
Avatar billede trekkies Juniormester
23. juli 2004 - 11:10 #6
Jeg bruger IE 6.0, og det virker fint.
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:11 #7
Ok, det er lidt mærkeligt når både jeg og roenving har problemer i IE
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:12 #8
Der er forskel på störrelsen af de överste felter, ellers fungerer det
Avatar billede trekkies Juniormester
23. juli 2004 - 11:12 #9
Jeg har kørt en Windows Update, har I også prøvet det?
Avatar billede roenving Novice
23. juli 2004 - 11:13 #10
Ikke siden i går !-)
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:15 #11
michael stim - det er netop forskellen i størrelsen af felterne der er problemet, de øverste rækker i begge tabeller burde se ens ud, uanset hvor meget tekst man fylder på i nederste række.
Avatar billede roenving Novice
23. juli 2004 - 11:15 #12
Ha, de er skøre de romere ...

Hvis man lægger en længere tekst i den blå, reagerer den først forkert, når der kommer mere tekst på !-(
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:17 #13
http://www.stimose.se/tables.JPG
OK på den måde ;o)
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:21 #14
Lige præcis!
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:21 #15
Men kan du ikke bare "tvinge" den midterste til at väre 200 bred, så fungerer det.
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:26 #16
Hvis jeg gør det bliver den gule og røde større end 200
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:32 #17
Ser ud til at fungere hos mig.
http://www.stimose.se/tables.JPG
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:36 #18
De er ikke 200 i bredden
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:38 #19
Det er fordi jeg ikke har sat tabellen til 600, gör jeg det bliver de 200 ;o)
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:40 #20
Vil du have tabellen til at fylde hele skärmen og felterne noget af skärmen, bliver du nok nöd til at lave en tabel i tabellen.
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:43 #21
Den skal fylde hele skærmen, ellers ville jeg jo ikke angive den til at være 100%.

Kan ikke helt forstå at der ikke findes en nem løsning på dette, i så fald er det da en kæmpe fejl i IE.
Avatar billede roenving Novice
23. juli 2004 - 11:43 #22
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
div{height:20px;border:4px inset;}
#topleft{float:left;width:200px;background:yellow;}
#topright{float:right;width:200px;background:red;}
#top{background:blue;}
#rest{background:green;}
</style>

</head>
<body
Eksempel 1:
<table border="1" width="100%">
<tr>
<td width="200" bgcolor="yellow">1</td>
<td bgcolor="blue">2</td>
<td width="200" bgcolor="red">3</td>
</tr>
<tr>
<td colspan="3">test test test test test test test test test test test test test test test test test</td>
</tr>
</table>
<p>
Eksempel 2:
<div id="topleft">1</div>
<div id="topright">3</div>
<div id="top">test dette</div>
<div id="rest"><span id="minSpan">test test test test test test test test test test test test test test test test test test test</span></div>
</body>
</html>
Avatar billede roenving Novice
23. juli 2004 - 11:48 #23
-- ha, jeg prøvede så at indsætte en række under i første eksempel, så skulle strengen være endnu en 'test' mindre !-)
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:50 #24
<html>
<head>
<title>Untitled</title>
</head>
<body marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<table width="100%" bgcolor="#666666" height="100%">
<tr><td>
Eksempel 1:
<table border="1" width="600" align="center">
<tr>
<td width="200" bgcolor="yellow">1</td>
<td width="200" bgcolor="blue">2</td>
<td width="200" bgcolor="red">3</td>
</tr>
<tr>
<td colspan="3">test test test test test test test test test test test test test test test test test</td>
</tr>
</table>
<p>
Eksempel 2:
<table border="1" width="600" align="center">
<tr>
<td width="200" bgcolor="yellow">1</td>
<td width="200" bgcolor="blue">2</td>
<td width="200" bgcolor="red">3</td>
</tr>
<tr>
<td colspan="3">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test</td>
</tr>
</table>
</td></tr>
</table>
</body>
</html>
Resultat:
http://www.stimose.se/tables.JPG
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:53 #25
Michael, jeg tror ikke at du forstår hvad problemet drejer sig om...den miderste celle skal være af en variabel størrelse og tabellen skal fylde hele skærmen i bredden.
Avatar billede michael_stim Ekspert
23. juli 2004 - 11:57 #26
Jamen så burde roenvings eksempel med div'er fungere.
Avatar billede nightowl24 Nybegynder
23. juli 2004 - 11:59 #27
Ja og det bliver nok også det jeg bruger hvis det ikke kan være anderledes :o)
Avatar billede roenving Novice
23. juli 2004 - 12:03 #28
Faktisk er det også bedre at undlade colspan (og tabeller !-) hvis man i virkeligheden ikke har brug for dem ...

I gamle dage (html 3- ) var det en nødvendighed for at stille ting op, i dag er det en option, som man skal vægte brugbarheden af !-)
Avatar billede nightowl24 Nybegynder
25. januar 2005 - 08:39 #29
fandt vist aldrig ud af det...
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »