/ 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
CSS og højde på en række eller celle?
Fra : Tonni Aagesen


Dato : 11-11-01 06:56

Hejsa NG,

I CSS1 tager "height" ikke en procentvis angivelse, men er der en måde
hvorpå man kan opnå at den midterste af tre rækker fylder hele siden ud i
højden, selvfølgelig pånær de to andre rækkers højde.

Pseudokode:

<table>
<tr height="20px">
...
</tr>
<tr height="100%">
...
</tr>
<tr height="20px">
...
</tr>
</table>

Ovenstående virker kun i IE. Har I et trick, der IKKE bruger frames?

--
Mvh
Tonni Aagesen
agent29@mail1.stofanet.dk



 
 
Morten Abildgaard (11-11-2001)
Kommentar
Fra : Morten Abildgaard


Dato : 11-11-01 15:28

Tonni Aagesen skrev i dk.edb.internet.webdesign.html:
> I CSS1 tager "height" ikke en procentvis angivelse, men er der en måde
> hvorpå man kan opnå at den midterste af tre rækker fylder hele siden ud
> i højden, selvfølgelig pånær de to andre rækkers højde.
> Pseudokode:[klip - en tabel]
> Ovenstående virker kun i IE. Har I et trick, der IKKE bruger frames?

Frames? Du mener vel kant/border?
Nu er der jo ikke noget CSS-formatering i den pseudokode du skrev, men
CSS-standarden tillader at du kan angive værdien til height-attributten i
procenter - også i tabelceller. Denne værdi er dog relativ i forhold til
tabellens højde. Eks: <table style="height:300px;">
<tr>
<td style="border:1px solid green">
Denne celle er kun lige så høj som dens indhold.
</td>
</tr>
<tr>
<td style="height:100%">
Denne celle vil fyld hele tabellen minus andre rækkers minimumshøjde
</td>
</tr>
</table>


--
knæk og bræk
Morten @ E-bronx
? Er du ny i nyhedsgrupperne ?
Se venligst http://usenet.dk/info

Tonni Aagesen (12-11-2001)
Kommentar
Fra : Tonni Aagesen


Dato : 12-11-01 00:16

Morten Abildgaard skrev i dk.edb.internet.webdesign.html:

> Frames? Du mener vel kant/border?

Nej, jeg mener frames - jeg kunne jo lave tre frames: en top_frame(20px) ,
en midt_frame(100%) og en bund_frame(20px)

eks:

<table style="height:100%;"> // tabel ska være fra top til bund
<tr>
<td style="height: 50px;"></td>
</tr>
<tr>
<td style="height:100%"></td> // celle fra top til bund pånær de to
andre rækker
</tr>
<tr>
<td style="height: 20px;">
Denne celle er kun lige så høj som dens indhold.
</td>
</tr>
</table>

Altså hvis den virkelige højde på skærmen er f.eks. 600px, skal
cellen/rækken med height: 100% så i tal være 600-(20+50) = 530 px høj. Det
virker osse i IE 5+, men i NS 6.1 og Opera 5 laver den i stedet følgende
regnestykke 600+50+20 = 670 px. Så skal man jo til at scrolle efter
ingenting.

Gør jeg noget forkert, eller kan det ikke lade sig gøre??

Mvh
Tonni Aagesen
agent29@mail1.stofanet.dk



Morten Abildgaard (12-11-2001)
Kommentar
Fra : Morten Abildgaard


Dato : 12-11-01 11:27

Tonni Aagesen skrev i dk.edb.internet.webdesign.html:
> Nej, jeg mener frames - jeg kunne jo lave tre frames: en
> top_frame(20px) , en midt_frame(100%) og en bund_frame(20px)
[klip]
OK, det er dog en smule forvirrende at du sidder og skriver <table> når du
vil have <frame>. Men her kommer så et <frameset> med frames, der har de
egenskaber du efterlyser - testet i både IE6 og NS6.2:

<frameset rows="50,*,20" border="0">
<frame src="about:blank" name="top"
frameborder="0" scrolling="no" noresize>
<frame src="about:blank" name="main"
frameborder="0" scrolling="auto">
<frame src="about:blank" name="bund"
frameborder="0" scrolling="no" noresize>
</frameset>



--
knæk og bræk
Morten @ E-bronx
? Er du ny i nyhedsgrupperne ?
Se venligst http://usenet.dk/info

Tonni Aagesen (12-11-2001)
Kommentar
Fra : Tonni Aagesen


Dato : 12-11-01 12:35

"Morten Abildgaard" <none@all.ok> skrev i en meddelelse
news:Xns9157748022BB5noneallok@212.54.64.134...

> OK, det er dog en smule forvirrende at du sidder og skriver <table> når du
> vil have <frame>. Men her kommer så et <frameset> med frames, der har de
> egenskaber du efterlyser - testet i både IE6 og NS6.2:
>
> <frameset rows="50,*,20" border="0">
> <frame src="about:blank" name="top"
> frameborder="0" scrolling="no" noresize>
> <frame src="about:blank" name="main"
> frameborder="0" scrolling="auto">
> <frame src="about:blank" name="bund"
> frameborder="0" scrolling="no" noresize>
> </frameset>

Ok, jeg har vist ikke formuleret mig klart nok. Altså, jeg vil gerne opnå
nogenlunde de samme egenskaber med <table> som man gør med ovenstående
frame-setup. Denne <table> med 100% højde skal bestå af tre rækker; en
top-række med 50px højde, en bund-række med 20 px højde og en midt-række med
100% højde. Et eksempel:

<table style="height:100%;"> // tabel ska være fra top til bund
<tr>
<td style="height: 50px;"></td>
</tr>
<tr>
<td style="height:100%"></td>
Celle fylder fra top til bund pånær de to andre rækker
</tr>
<tr>
<td style="height: 20px;"></td>
</tr>
</table>

Hvis dette table-setup virkede i NS 6+ og Opera 5+, var der ingen ko på
isen, men det gør det ikke, da disse browsere tolker højden til at være 100%
PLUS de 70 px og laver en scrollbar, hvorimod IE 5+ godt kan finde ud af
midt-rækken skal være 100% høj MINUS de 70 px.

Opsummering: Jeg vil undgå at bruge <frameset>, men ønsker en <table> der
kan næsten det samme (bortset fra at lave scrollbars o.s.v.)

Håber jeg har forklaret mig godt nok nu.

--
Mvh
Tonni Aagesen
agent29@mail1.stofanet.dk



Jens Peter Karlsen (12-11-2001)
Kommentar
Fra : Jens Peter Karlsen


Dato : 12-11-01 17:37

Det får du næppe til at virke ordentligt da height ikke er gyldigt for
en tabel. Du er heldig at du overhovedet kan få det til at virke i en
browser.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On Mon, 12 Nov 2001 12:35:28 +0100, "Tonni Aagesen"
<use.my@signature.com> wrote:

><table style="height:100%;"> // tabel ska være fra top til bund
> <tr>
> <td style="height: 50px;"></td>
> </tr>
> <tr>
> <td style="height:100%"></td>
> Celle fylder fra top til bund pånær de to andre rækker
> </tr>
> <tr>
> <td style="height: 20px;"></td>
> </tr>
></table>


Soeren Nielsen (12-11-2001)
Kommentar
Fra : Soeren Nielsen


Dato : 12-11-01 21:03

> Ok, jeg har vist ikke formuleret mig klart nok. Altså, jeg vil gerne opnå
> nogenlunde de samme egenskaber med <table> som man gør med ovenstående
> frame-setup. Denne <table> med 100% højde skal bestå af tre rækker; en
> top-række med 50px højde, en bund-række med 20 px højde og en midt-række
med
> 100% højde. Et eksempel:
>
> <table style="height:100%;"> // tabel ska være fra top til bund
> <tr>
> <td style="height: 50px;"></td>
> </tr>
> <tr>
> <td style="height:100%"></td>
> Celle fylder fra top til bund pånær de to andre rækker
> </tr>
> <tr>
> <td style="height: 20px;"></td>
> </tr>
> </table>
>
> Hvis dette table-setup virkede i NS 6+ og Opera 5+, var der ingen ko på
> isen, men det gør det ikke, da disse browsere tolker højden til at være
100%
> PLUS de 70 px og laver en scrollbar, hvorimod IE 5+ godt kan finde ud af
> midt-rækken skal være 100% høj MINUS de 70 px.
>
> Opsummering: Jeg vil undgå at bruge <frameset>, men ønsker en <table> der
> kan næsten det samme (bortset fra at lave scrollbars o.s.v.)
>
> Håber jeg har forklaret mig godt nok nu.

Måske

50px + 100% + 20px > 100%

prøve med x% + (100-x-y)% + y%

eller 50px + 530px + 20px

mvh Søren



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

Månedens bedste
Årets bedste
Sidste års bedste