Notifikationer

Markér alle som læst Log ud

mik28 Seniormester

01. september 2003 - 12:11 Der er 25 kommentarer og
1 løsning

cellpadding og cellspacing på css'sk

2 ting som jeg ikke kan få til at virke.

1. Burde min tabel ikke fylde hele skærmen og hvorfor gør den det ikke?

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

2. Hvordan sætter jeg cellspacing og cellpadding til 0 en gang for alle i css? Jeg har prøvet

table {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

Synes godt om

exp Juniormester

01. september 2003 - 12:14 #1

husk også

body {
margin: 0px;
}

Synes godt om

mik28 Seniormester

01. september 2003 - 12:20 #2

Man kan se det her.

http://www.web-oasen.dk:8080/testing/index.html

Synes godt om

mik28 Seniormester

01. september 2003 - 12:23 #3

Jeg vil have de hvide striber væk. Jeg kan som sagt gøre det med cellpadding="0" cellspacing="0" på <table> men hvorfor kan jeg ikke gøre det med css??

Synes godt om

lklingenberg Nybegynder

01. september 2003 - 12:54 #4

de hvide striber kan du kun få væk med <table cellspacing="0">. Der findes mig bekendt ingen css-tags der kan gøre dette.

Synes godt om

mik28 Seniormester

01. september 2003 - 12:55 #5

okay

Synes godt om

mik28 Seniormester

01. september 2003 - 12:58 #6

hvorfor kan jeg ikke skrive height:100% ?

Synes godt om

mik28 Seniormester

01. september 2003 - 13:00 #7

Jeg tænker på det her
<table style="width:100%;height:100%;" cellspacing="0">

width syntes at virke fint men ikke height?

Synes godt om

edutasia Nybegynder

01. september 2003 - 13:03 #8

Prøv med:

table {border-collapse:collapse; border:none;}
td {padding:0px; border:none}
body {height:100%}

Det skulle løse begge problemer :)

Synes godt om

mik28 Seniormester

01. september 2003 - 13:10 #9

det gjorde det ikke :-(

Synes godt om

mik28 Seniormester

01. september 2003 - 13:19 #10

Det var det som skulle til body {height:100%}, nu har jeg bare et andet lille problem. Den øverste boks altså der hvor der står TEKST skal altid være en speciel højde. <td bgcolor="#123456" colspan="2" style="background-image:url(jpg-filer/.gif);text-align:center;height:40px;">TEKST</td> Hvorfor flytter den sig når jeg resizer vinduet?

Synes godt om

roenving Novice

01. september 2003 - 13:34 #11

html,body{
height:100%;
}

-- husk bare at tabellen bør tage det bogstaveligt, så den alene bør blive en hel skærmhøjde uanset at du evt. har andre elementer ...

Synes godt om

lklingenberg Nybegynder

01. september 2003 - 13:35 #12

->edutasia:
Er det ikke noget med at nogle browsere ikke har det helt godt med border-collapse? Eller er det kun de ældre browsere? Jeg ville selv elske en all-out css metode til at fjerne mellemrummet mellem cellerne og således ikke skulle bruge et html-tag (som dog er et standard html-tag).

Synes godt om

edutasia Nybegynder

01. september 2003 - 13:42 #13

lklingenberg > borderCollapse er defineret i CSS2, så jeg vil tro, at alle nyere browsere kan finde ud af at bruge den... men jeg er ikke sikker.

Synes godt om

mik28 Seniormester

01. september 2003 - 13:43 #14

Som det er nu virker det i Mozilla men ikke i IE6.0

Synes godt om

=maddog= Nybegynder

01. september 2003 - 13:48 #15

cellspacing og -padding er ikke CSS-properties og kan som sådanne ikke tilgåes fra stylesheets.
De er et levn fra en svunden tid, og jeg mener faktisk at de bør være sat til nul hvis man bruger en "moderne" doc-type. Jeg kan selvfølge tage fejl.
under alle omstændigheder skulle
<script type="text/javascript">
onload = function() {
tables=document.getElementsByTagName("TABLE");
for (i=0;i!=tables.length;i++) {
tables[i].cellSpacing=0;
tables[i].cellPadding=0;
}
}
</script>
klare ærterne.

Synes godt om

edutasia Nybegynder

01. september 2003 - 13:58 #16

Problemet med IE er, at når du sætter en tabel til at fylde 100% i højden, fordeler browseren pladsen mellem rækkerne - uanset om du har sat fast højde på nogle tabelceller eller ej. De 40px bliver altså altid til 40px + en andel af sidens højde...

Du kan imidlertid løse problemet i IE 5+ ved at sætte en css expression på cellerne i 2. række af tabellen:

<td style="height:expression(document.body.offsetHeight-40)">

Så beregner browseren cellernes højde til altid at være dokumentets højde - 40...

Synes godt om

mik28 Seniormester

01. september 2003 - 14:06 #17

det virker hvis jeg fjerner doc typen

Synes godt om

=maddog= Nybegynder

01. september 2003 - 14:07 #18

har du korrekt doc-type (og hvilket standard forsøger du at overholde)?

Synes godt om

mik28 Seniormester

01. september 2003 - 14:08 #19

xhtml 1.0

Synes godt om

mik28 Seniormester

01. september 2003 - 14:09 #20

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Synes godt om

=maddog= Nybegynder

01. september 2003 - 14:14 #21

den ser jo umiddelbart fin ud. jeg havde en formodning om at strict doc-types eliminerede cellspacing og padding. jeg tog åbenbart fejl.

Synes godt om

mik28 Seniormester

01. september 2003 - 14:15 #22

skal jeg bruge en anden doc-type?

Synes godt om

=maddog= Nybegynder

01. september 2003 - 14:18 #23

det ville jeg eksperimentere med. jeg kan ikke give nogen løfter. jeg plejer at fjerne dem med scripts (jvf. eksemplet ovenfor).

Synes godt om

mik28 Seniormester

01. september 2003 - 14:20 #24

hvis du kigger nu http://www.web-oasen.dk:8080/testing/index.html virker det, men der har jeg så også fjernet doc-type

Synes godt om

=maddog= Nybegynder

01. september 2003 - 14:24 #25

ja, men uden doc-type kan du ikke være sikker på det f.x. ser rigtigt ud i IE5.0B4 til Mac.

Synes godt om

mik28 Seniormester

01. september 2003 - 14:26 #26

Jeg er slet ikke interesseret i at fjerne doc-type :-) Jeg kan bare se at det virker uden

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS