Avatar billede Slettet bruger
16. oktober 2004 - 21:04 Der er 41 kommentarer og
2 løsninger

css virker slet ikke med tabel height!

Jeg har et problem med højden af mine tabeller, som det nok også kan ses her -> http://abalmer.frac.dk

alle tabeller skulle gerne være 100% i height.
her er mit css:

.stabel {
height : 100%;
width : 1000px;
border : 1px;
border-style : solid;
border-color : #000000;
border-collapse: separate
}
.td {
border : 1px;
border-style : solid;
border-color : #000000;
}
.sstabel {
height : 100%;
width : 100%;
border : 0 none inherit;
}

sstabel er den store tabel, og stabel er de 2 "små" i menuen og i selve indholdet.
Avatar billede notes2c Nybegynder
16. oktober 2004 - 21:10 #1
Prøv med:
html, body {
height: 100%;
}
Avatar billede roenving Novice
16. oktober 2004 - 21:11 #2
Hvorfor bruger du også så dybt nestede tabeller ?-)

Prøv f.eks. at kigge på nogle af mine forslag til fuld browser-højde:

F.eks. http://www.eksperten.dk/spm/497362 og http://www.eksperten.dk/spm/520876
Avatar billede Slettet bruger
16. oktober 2004 - 21:14 #3
Det er jo ikke body der skal være 100%, det er mine tabeller...
Avatar billede roenving Novice
16. oktober 2004 - 21:22 #4
Hvis du vil bruge % i css, skal der være en defineret længde i det omkringliggende element, netop det sørger notes2cs tilføjelse for !-)

-- for ellers er højden på body ingenting og 100% af ingenting er som bekendt meget lidt ...
Avatar billede notes2c Nybegynder
16. oktober 2004 - 21:23 #5
Men der jo ingen kendt højde, for at stabel skal kunne fylde 100% er højden på body nødt  til at være kendt
Avatar billede Slettet bruger
16. oktober 2004 - 21:23 #6
Hvor kan jeg så skrive det notes2c skriver?
Avatar billede Slettet bruger
16. oktober 2004 - 21:25 #7
det er nok bare mig der ikke er helt med....
Avatar billede roenving Novice
16. oktober 2004 - 21:25 #8
I dit stylesheet !-)
Avatar billede Slettet bruger
16. oktober 2004 - 21:26 #9
bare i toppen eller hvad?
Avatar billede Slettet bruger
16. oktober 2004 - 21:28 #10
for hvis jeg gør det så går siden i koma...
Avatar billede roenving Novice
16. oktober 2004 - 21:28 #11
Det har principielt ingen betydning ...
Avatar billede Slettet bruger
16. oktober 2004 - 21:28 #12
ok, men.. well se selv http://abalmer.frac.dk
Avatar billede roenving Novice
16. oktober 2004 - 21:30 #13
Ja, sådan kan du ikke bruge højde i css, der skal du ud i andre løsningsmodeller, derfor lagde jeg de links ...
Avatar billede Slettet bruger
16. oktober 2004 - 21:31 #14
men hvordan kan jeg så gøre sådan som jeg gerne vil?.. hvis du da er med på hvad jeg vil.
Avatar billede roenving Novice
16. oktober 2004 - 21:37 #15
Hvis du prøver at kigge på den sample-kode, som ligger nederst gætter jeg på, at den største ændring vil være sidebredden (http://www.eksperten.dk/spm/520876#rid4783270 19/07-2004 23:48:34 !-)
Avatar billede notes2c Nybegynder
16. oktober 2004 - 21:37 #16
Havde kun testet det i firefox
Avatar billede Slettet bruger
16. oktober 2004 - 21:38 #17
Jeg vil godt have at hele den store tabel bliver 100% høj? kan det lade sig gøre?
Avatar billede Slettet bruger
16. oktober 2004 - 21:39 #18
hov.. havde ikke set jeres svar.
Avatar billede Slettet bruger
16. oktober 2004 - 21:41 #19
hvor gerne jeg end ville.. forstår jeg ikke rigtigt dit eksempel roenving!
Avatar billede roenving Novice
16. oktober 2004 - 21:44 #20
Hvis du prøver at smide det i en editor (eller fil !-) og vise det i en browser, ses det ret tydeligt !o]
Avatar billede Slettet bruger
16. oktober 2004 - 21:44 #21
jeg smutter for i aften, tak for hjælpen.

jeg vender tilbage i morgen!
Avatar billede hermandsen Juniormester
16. oktober 2004 - 22:03 #22
Hvorfor overhovedet bruge tables!?

<div id="banner">Banner</div>
<ul id="menu">
  <li><a href="index.php?id=1">Nyheder</a></li>
  <li><a href="index.php?id=2">Medlemmer</a></li>
  <li><a href="index.php?id=4" id="login">Login</a></li>
</ul>
<div id="content">well... LOOOOOOOOOOOOOOOOL</div>
<div id="footer">wooow</div>

#banner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1000px;
  margin-left: -500px;
  background-color: #666;
  color: black;
  height: 100px;
  text-transform: uppercase;
  border: 2px solid black;
}

#menu {
  position: absolute;
  top: 104px;
  left: 50%;
  bottom: 40px;
  width: 100px;
  margin-left: -500px;
  border: 2px solid black;
  background-color: #999;
  color: black;
}

#content {
  position: absolute;
  top: 104px;
  left: 50%;
  bottom: 40px;
  margin-left: -396px;
  width: 896px;
  border: 2px solid black;
  background-color: #CCC;
  color: black;
}

#footer {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1000px;
  margin-left: -500px;
  border: 2px solid black;
  background-color: #666;
  color: black;
  height: 40px;
}

Dette er utestet, og hvad jeg sådan lige kunne komme på, men det giver (forhåbentlig) et meget godt billede af at tabeller er gammeldags og unødvendige...
Avatar billede hermandsen Juniormester
16. oktober 2004 - 22:04 #23
Glemte vist lige at sige at det selvfølgelig kræver en browser som kan finde ud af standarderne!!!
Avatar billede roenving Novice
16. oktober 2004 - 22:06 #24
Ja, og en korrekt doctype !-)

-- og så undrer det mig at du bruger absolut positionering, da det principielt er overflødigt ...
Avatar billede olebole Juniormester
17. oktober 2004 - 01:55 #25
<ole>

hermandsen >> Det er ukorrekt. Tabeller er absolut ikke gammeldags, selvom det er en udbredt misforståelse på nettet. Misforståelsen skyldes primært, at folk ikke henter ders informationer fra W3C - men fra diverse 'fortolkninger'.

Når endelig folk læser på W3C, pluklæser de som oftest lidt i rekommendationerne. Den bagvedliggende argumentation for rekommendationerne - som kan læses i alle arbejdspapirerne og udvikler mail-trådende - har desværre ikke den store bevågenhed. Derfor er W3C ligeså misforstået som Biblen og Koranen ... og misforståelserne messes i øvrigt ofte videre med religiøs ildhu.

Tabeller anbefales netop af W3C til tabulleret opstilling og anden opdeling i kollonner - og de er ikke på vej ud  :)

/mvh
</bole>
Avatar billede Slettet bruger
17. oktober 2004 - 10:27 #26
-> olebole

Ved du hvad jeg kan gøre, hvis jeg godt vil have tabeller?
Avatar billede Slettet bruger
17. oktober 2004 - 11:45 #27
eller en anden.. jeg vil bare helst bruge tabeller, eller noget andet jeg kan finde ud af... :/
Avatar billede notes2c Nybegynder
17. oktober 2004 - 12:42 #28
Jeg tror at IE har problemer med at beregne højden ud, når der mixes mellem procent og absolute størrelse, for det ser nemlig rigtig ud i firefox, alternativt kunne du jo dele det over flere tabeller.
Avatar billede Slettet bruger
17. oktober 2004 - 13:41 #29
jamen jeg er åben over for alt.. jeg brugte mange timer på det i går.. jeg kan ikke få det til at virke
Avatar billede Slettet bruger
17. oktober 2004 - 21:47 #30
forkortet er mit problem dette:

Hvis jeg i toppen af mit html skriver:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">

så virker mine tabellers "height="100%"" ikke, heller ikke med height: 100% i css

Hvis jeg derimod skriver:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Så virker tabellerne som de skal, men så virker mit body {} ikke i css...
Avatar billede roenving Novice
17. oktober 2004 - 23:36 #31
-- men kun i ie !-)

-- hvis du skal have det til at fungere crossbrowser _og_ validere skal du bruge en løsningstype, som den jeg har anvist ...

-- hvis du bruger scrollbar-styles med en rigtig doctype inklusive dtd-link skal de placeres på html-elementet og ikke body-elementet !o]
Avatar billede hermandsen Juniormester
18. oktober 2004 - 01:32 #32
Okay, olebole... Jeg tror vi har været i gennem denne snak mindst 20 gange nu!! :)

Artikel 1:
http://www.w3.org/2002/03/csslayout-howto
"... HTML is a structural language ... since the apparition of tables in HTML, it has been very often used for layout purpose, usually split a web page into columns ... it breaks the meaning of HTML..."

Artikel 2 (direkte fra specefikationerne):
http://www.w3.org/TR/html4/struct/tables.html#h-11.1
"Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media ... To minimize these problems, authors should use style sheets to control layout rather than tables."

Og hvis vi så lige skal slutte af med en uden for W3C's verden:
http://html.dk/artikler/00043/


Jo, tabeller er gammeldags, og skulle aldrig have været brugt til layout fra tidernes morgen! Nogle smarte gutter synes nu alligevel at det så ud til at være en meget god ide at gøre det sådan. Det må man klart anerkende, det var VIRKELIG en god ide, for uden CSS var der bare ikke meget andet at gøre!!

HTML har ALDRIG skulle være brugt til layout, til det har vi CSS. Id, og class-attributter skal bruges når der ikke kan findes et HTML-element der er passende til det man er i gang med.
Laver man en menu, så er det en liste (unordered list <ul>) med id'et "menu".

Er nogle af disse menu-punkter vigtigere end andre, så tilegnes de en class, f.eks. med værdien "important", (find selv på noget bedre).

Så ser jeg gerne nogle modbeviser for min påstand!! ;)

//hermandsen
Avatar billede roenving Novice
18. oktober 2004 - 01:44 #33
>>hermandsen

Siden hvornår har det været forbudt at udnytte de foreliggende muligheder til mere, end de oprindelig var tiltænkt ?-)

-- så ville det f.eks. ikke være tilladt at sætte hjul onder skoene/støvlerne, og skating ville så være udelukket !-)

-- helt i orden at påpege, at andre muligheder skal bruges, hvis de giver et bedre resultat, men egentlig synes jeg kun at tåber bør kunne fastholde, at man kun må bruge hjul på kærrer ...

Så uanset hvilke links du kan finde, så er det tåbeligt at fastholde, at noget som virker ganske udmærket i enhver browser skal ertattes af noget, som kun i visse tilfælde virker i visse browsere (uanset at de så følger en eller anden _fuldstændig_ ligegyldig standard, vi lever jo trods alt i en virkelighed !-)
Avatar billede hermandsen Juniormester
18. oktober 2004 - 02:32 #34
>>roenving
For lige at citere olebole:

"Tabeller er absolut ikke gammeldags, selvom det er en udbredt misforståelse på nettet. Misforståelsen skyldes primært, at folk ikke henter ders informationer fra W3C - men fra diverse 'fortolkninger'."

Jeg prøver netop at komme med de enkelte facts fra W3C, som kort og godt siger: "Tabeller bør ikke bruges til layout, det har vi CSS til!!"

Som sagt; tabeller er til at opstille struktureret data, som f.eks. en simpel adresse bog og lignende. Tabeller har aldrig været tiltænkt layout.
Jeg vil gerne trække de ord i mig igen om at tabeller er unødvendige, og derefter spytte dem ud på denne måde: Tabeller er unødvendige, til layout!

Du kan ikke sammenligne de to ting, da ideen bag at sætte hjul under et par sko/støvler bare gør mennesket mere mobilt, og dermed er skal forståes som fremskridt. Vi har ingen standard der skal overholdes inden for sko, hvis vi havde ville mode-branchen da gå helt i sænk! ;)

Hvis du mener at tabeller er det bedste værktøj i verdenen til at lave layout med, så synes du skal tilmelde dig W3C's arbejde.

Dette handler om at udvikle til nettet. At give struktureret data et passende layout, og ikke at gøre disse data til en del af layoutet.

At mit eksempel så 'tilfældigvis' ikke virkede i Internet Explorer, tjaaa... Det var et eksempel, og det er da for alvor at holde fast på kærren hvis man stadig bruger et program som ikke har været opdateret i snart 4 år!!
Avatar billede Slettet bruger
18. oktober 2004 - 11:03 #35
Men roenving vil du så ikke forklare lidt nærmere hvad du henviser til, for jeg synes at det er lidt svært at forstå
Avatar billede roenving Novice
18. oktober 2004 - 13:54 #36
Hvis du kigger på mine eksempler, mener jeg at det er den bedste måde at forstå det på, for se det arbejde !-)
Avatar billede Slettet bruger
20. oktober 2004 - 19:44 #37
jeg har vidst ikke fået svar på mit spørgsmål om tabeller :S
men roenving og hermandsen læg svar tak :P
Avatar billede hermandsen Juniormester
20. oktober 2004 - 23:22 #38
Hos mig ser det nu fint nok ud... :)
Avatar billede hermandsen Juniormester
20. oktober 2004 - 23:22 #39
Og svar... (sorry) :)
Avatar billede roenving Novice
20. oktober 2004 - 23:31 #40
Oki '-)
Avatar billede Slettet bruger
21. oktober 2004 - 17:32 #41
sådan :P
Avatar billede roenving Novice
21. oktober 2004 - 17:33 #42
-- og tak for point ;~}
Avatar billede Slettet bruger
21. oktober 2004 - 17:34 #43
np :P
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