/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
100% af hvad?
Fra : Christoffer


Dato : 10-08-05 15:09

simpelt spørgsmål.
body, html {
height: 100%;
padding: 0px;
margin: 0px;
}

table {
height: 100%;
width: 600px;
border: 1px solid #000000;
border-collapse: collapse;
}

Hvad er de 100% i forhold til?
"100% af dokumentets højde ? 100% af skærmopløsningen ? eller måske 100% af
det synlige område i browseren ?"
Selv ville jeg sige det synlig område i browseren, men er lidt usikker...

Problemet ligger i et spørgsmål om højde på 100% på en tabel, og jeg svarede
raskt at man gjorde som koden overstående, men er blevet fortalt at det
kræver skam javascript at opnå 100%, for hvordan ved browseren hvad de 100%
er i forhold til?

--
Christoffer



 
 
Johan Holst Nielsen (11-08-2005)
Kommentar
Fra : Johan Holst Nielsen


Dato : 11-08-05 03:24

Christoffer wrote:
> simpelt spørgsmål.
> body, html {
> height: 100%;
> padding: 0px;
> margin: 0px;
> }
>
> table {
> height: 100%;
> width: 600px;
> border: 1px solid #000000;
> border-collapse: collapse;
> }
>
> Hvad er de 100% i forhold til?
> "100% af dokumentets højde ? 100% af skærmopløsningen ? eller måske 100% af
> det synlige område i browseren ?"
> Selv ville jeg sige det synlig område i browseren, men er lidt usikker...
>
> Problemet ligger i et spørgsmål om højde på 100% på en tabel, og jeg svarede
> raskt at man gjorde som koden overstående, men er blevet fortalt at det
> kræver skam javascript at opnå 100%, for hvordan ved browseren hvad de 100%
> er i forhold til?

Det er det synlige område :) Og browseren kan godt finde ud af det...
(alternativ hvordan kunne browseren ellers finde ud af word-wrap ved
resize af vinduet med tekst?).

Aner ikke om det virker i alle browsere - men du kan jo nemt teste med
en simpel fil som denne - som du åbner i alle de browsere du har:

<html>
<head>
<title>test</title>
<style type="text/css">
BODY {margin:0;padding:0;height:100%;}
TABLE {height:100%;width:100%;background-color:#ff00ff;}
</style>
</head>
<body><table><tr><td>&nbsp;</td></tr></table>
</body>
</html>

mvh
Johan

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste