Søg
Avatar billede brownghost Nybegynder
03. august 2007 - 18:05 Der er 22 kommentarer og
1 løsning

Table 100% height må man ikke, hvad kan jeg så gøre.

er begyndt at lave sider hvor jeg overholde de kode standarder som W3C sætter.

Så virker en height="100%" ikke mere når man sætter en dok type på:

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

Hvordan får jeg så mit Table til at fylde hele siden ?
hvis jeg sætter en fast værdig, kommer der scoll bars alt efter skærm opløsning, så det virker ikke :(

hvordan løser jeg det lille problem ?
Nogle gode ideer?
Avatar billede thesurfer Nybegynder
03. august 2007 - 18:16 #1
Du bruge CSS i dit head-område:

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

og

<table style="height:100%" ...>
Avatar billede brownghost Nybegynder
03. august 2007 - 18:36 #2
Lav svar :) virker, Nice nok...
det vil sige at den her oppe i style CCS filen
height:100%;

den laver ikke noget om nogle stedet med mindre jeg sætter
eks ind: style="height:100%"
Eks: <table style="height:100%" ...>

??
Avatar billede thesurfer Nybegynder
03. august 2007 - 18:39 #3
Den sætter dokumentets højde til 100%, og fjerner "tomt" mellemrum.. du kan ikke se dokumentet, men dokumentet er der..

Et elements højde er begrænset af det omkransende element..

Derfor: For at en tabel kan være 100% højden, skal det udenom (nemlig dokumentet) være 100% i højden..

- Svar.
Avatar billede thesurfer Nybegynder
03. august 2007 - 18:39 #4
Svar :-)
Avatar billede brownghost Nybegynder
03. august 2007 - 18:39 #5
Humm kan se det virker i Firefox perfekt, men i IE lever den  scoll bar, men kun ganske lidt. selv om sidne er tom neden under data.

??
Avatar billede thesurfer Nybegynder
03. august 2007 - 18:39 #6
Har du mulighed for at uploade siden, så jeg kan se den? Smid et link til siden..
Avatar billede brownghost Nybegynder
03. august 2007 - 22:58 #7
Der er også et andet problem, en top meny der nu er for stor :(
prøver lige at rette alle fejl, så det opfylder W3C
Så skal det se ens ud i alle i FF og IE
Avatar billede thesurfer Nybegynder
03. august 2007 - 23:05 #8
Se lige 03/08-2007 18:39:43 :-)
Avatar billede brownghost Nybegynder
03. august 2007 - 23:14 #9
Har jeg ikke da det er en administration :(
men har fjerte den Doc type og så virker alt perfect i FF og IE, så er lige glad med det inde i admin ;)
Avatar billede olebole Juniormester
04. august 2007 - 15:02 #10
<ole>

Hvorfor sætte CSS ud af kraft i IE6 ved at fjerne DTD'en? Det er da ikke smart  =)

/mvh
</bole>
Avatar billede brownghost Nybegynder
04. august 2007 - 18:03 #11
??
Avatar billede thesurfer Nybegynder
04. august 2007 - 19:01 #12
IE fatter ingenting, hvis man ikke fortæller den hvilken doctype den skal bruge.. :-)

Så:
1) Indsæt en doctype/standard, som du vil overholde
2) Ret koden til, så koden overholder doctypen/standarden

:-)
Avatar billede brownghost Nybegynder
04. august 2007 - 19:51 #13
jaja, doc type er sat ind, som du kan se her.

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

loose.dtd

:)
og det er den jeg vil bruge og overholde.
men det løser ikke mit problem med tabel 100% jo
Så ??
Avatar billede thesurfer Nybegynder
04. august 2007 - 20:13 #14
Har du prøvet 03/08-2007 18:16:14, efter at du biksede med doctype?
Avatar billede thesurfer Nybegynder
04. august 2007 - 20:20 #15
Eksempel:

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

<body>

<table style="height:100%;background-color:#ff0000">
<tr>
    <td>Er denne 100% i højden?</td>
    <td>Yes, sir.. tabellen er 100% i højden, i Opera v9.22, Mozilla FireFox v.2.0.0.6 og Microsoft Internet Explorer 6 SP2</td>
</tr>
</table>

</body>
</html>
Avatar billede thesurfer Nybegynder
04. august 2007 - 20:25 #16
Rettelse: Opera v9.21 :-)
Avatar billede brownghost Nybegynder
04. august 2007 - 22:03 #17
men i min IE 7 laver den scoll bar ;(

men det virker når jeg kun tager din kode.
Så der må være et problem i min kode i admin, et sted der gør den ikke kan lave 100% uden at lave scoll bar..

Hummm kigger på det, koder det om. ellers ;)
Tak
Avatar billede thesurfer Nybegynder
04. august 2007 - 23:45 #18
Det her vil bl.a. give en scrollbar:

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

<body>
<br>
<table style="height:100%;background-color:#ff0000">
<tr>
    <td>Er denne 100% i højden?</td>
    <td>Yes, sir.. tabellen er 100% i højden, i Opera v9.22, Mozilla FireFox v.2.0.0.6 og Microsoft Internet Explorer 6 SP2</td>
</tr>
</table>

</body>
</html>


Forskellen er meget lille.. faktisk 4 tegn.. :-)

Jeg har indsæt et linieskift ("<br>") lige før tabellen..

Da tabellen er 100% i højden, og linieskiftet er større end 0 pixels, vil dokumentets område blive:

100% + linieskift-højden = mere end det der kan være på skærmen, som er 100%

Så du må have et eller andet, før tabellen, som fylder mere end 0 pixels i højden..

Du kan godt fjerne scrollbaren med følgende CSS kode:

body
{
overflow:hidden;
}

Men det gør bare, at du ikke har en scrollbar, selv om indholdet fylder mere end der er på skærmen.. det er meget irriterende, for dem der ikke har en scroll-knap på deres mus.. :-)
Avatar billede thesurfer Nybegynder
04. august 2007 - 23:49 #19
Der er lige en ting mere, som du skal tænke på..:

Hvor meget fylder indholdet?

Hvis indeholdet fylder mere end der kan være i cellerne, vil cellerne udvide sig, og en scrollbar vil komme frem..

Du skal tænke på brugerens opløsning og brugerens browser..
Mange brugere har f.eks. specielle menuer (main toolbar, personal toolbar) og nogle søge-toolbars (f.eks. Google, MSN, Yahoo!) installeret.. de tager noget af det vertikale (lodrette) arbejdesområde..
Den plads der bliver taget af f.eks. en toolbar, trækkes fra dit arbejdsområdet.

Hvis dit indhold fylder 500px i højden, og brugerens arbejdesområde kun er på 450px (pga opløsning og toolbars), vil der naturligvis komme en scrollbar..

Det er ikke nemt at designe websider.. :-)
Avatar billede thesurfer Nybegynder
04. august 2007 - 23:53 #20
.. og så må der ikke være linieskift, mellem det sidste tegn i cellen, og "</td>"..
Det giver et ekstra mellemrum i IE browserne..

* Eksempel på forkert opsætning:

1)

<td>hello world
</td>


2)

<td>
hello world
</td>



* Eksempel på korrekt opsætning:
1)

<td>hello world</td>

2)

<td>
hello world</td>


Så vidt jeg ved, er det kun det afsluttende tag ("</td>"), der skal være lige efter sidste tegn.
Avatar billede brownghost Nybegynder
05. august 2007 - 11:19 #21
Jep er godt klar over det med brugers opløsning og de kan have alt mulig lort så som Yahoo bars osv hehe.

men der hvor jeg tester er jo min egen brower.
og der er mindst 50% fri plads neden under.
Når jeg så gør tabel til 100% så kommer der lige, eks 1 linje skift eller 2 for meget til IE ser det ud til, så den laver bare lige mini scoll.
Altså men kan lige scoll ½ cm... det er det jeg skal have fundet ud af.

Har fået gode ideer efter at læse det i har skrevet.

tror måske det er noget med det </td> der.
Så vil lige prøve at omkode siden, og rette de ting..

vender tilbage :)
Avatar billede thesurfer Nybegynder
06. august 2007 - 00:39 #22
Hvis siden er generet dynamisk, f.eks. af ASP/ASP.NET/PHP/andet serverside scriptsprog, kan du gemme siden efter load, og uploade HTML filen.

Så kan vi kigge på indholdet, uden at skulle logge ind osv..
Avatar billede brownghost Nybegynder
07. august 2007 - 10:34 #23
jeg har kodet det om, da jeg ikke kunne finde fejlen, og nu virker det, skulle også lave om andre steder og fandt lige nogle flere fejl. men nu spiller det :)

Fantastisk, så jeg sikker på det ser ens ud for alle kunder, hvilket er vigtig :)
Mange tak for hjælpen her inde, har være uundværlig ;)
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 dag 11:06 Min IPad efter sidste opdatering Af nu_igen i Tablet
29/0113:08 Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP
28/0113:36 godt råd søges Alternativ styresystem på Mac pc Af luffe1955 i Andre styresystemer
28/0111:32 Hjælp til kontrol af sygefravær Af Maja i Excel
27/0113:59 2 skærme til en stationær computer Af BIRGER i Skærme
White papers
Flere white papers »