/ 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
Div boks med automatisk højde - dog mindst~
Fra : Skindbeni


Dato : 28-06-05 16:16

Kan man lave en div boks, der har automatisk højde afhængig af tekst
indholdet, men dog mindst x-antal pixels som minimumshøjde?

--
Med venlig hilsen

Skindbeni
alias Michael Sørensen
8700 Horsens



 
 
Benny Nissen (28-06-2005)
Kommentar
Fra : Benny Nissen


Dato : 28-06-05 17:04

Skindbeni wrote:
> Kan man lave en div boks, der har automatisk højde afhængig af tekst
> indholdet, men dog mindst x-antal pixels som minimumshøjde?
>

ja.

brug 'min-height' i dit stylesheet.
.... det virker desværre bare ikke i IE (som så meget andet).

--
Benny Nissen

Kristian Antonsen (28-06-2005)
Kommentar
Fra : Kristian Antonsen


Dato : 28-06-05 17:33

Du kan benytte Microsoft's dynamiske funktion 'expression()' for at få
min-height til at fungere i Internet Explorer.

Eks:
#et-id {
overflow:hidden;
height:expression(
this.scrollHeight < 300? "300px" : "auto" );
}

I dit dokument skriver du så fx.
<div id="et-id">
Her er noget indhold af en DIV.
</div>

Boksen vil så altid minimum være 300 pixels høj i de fleste browsere(Har
selv prøvet i Internet Explorer, Mozilla, Opera).



Ryan Kristensen (28-06-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 28-06-05 18:37

On Tue, 28 Jun 2005 18:33:08 +0200, Kristian Antonsen <kristian@derfor.dk>
wrote:

> Du kan benytte Microsoft's dynamiske funktion 'expression()' for at få
> min-height til at fungere i Internet Explorer.
[snip]
> Boksen vil så altid minimum være 300 pixels høj i de fleste browsere(Har
> selv prøvet i Internet Explorer, Mozilla, Opera).

Nej, det vil _kun_ virke i IE, men man kan sagtens bruge min-height, til
de browsere der forstår det.
<style type="text/css">
#elemId {
min-height:300px;
}
</style>
<!--[if IE]>
<style type="text/css">
#elemId {
height:expression(this.scrollHeight < 300? "300px" : "auto" );
}
</style>
<![endif]-->

På den måde vil det virke i alle nyere browsere samt IE.

--
Ryan Kristensen

Kristian Antonsen (29-06-2005)
Kommentar
Fra : Kristian Antonsen


Dato : 29-06-05 20:11

Jeg mente naturligvis:
#et-id {
overflow:hidden;
min-height: 300px;
height:expression(
this.scrollHeight < 300? "300px" : "auto" );
}

Hvilket vil virke i Internet Explorer og alle browsere der kender til
min-height.

"<!--[if IE]>" er desuden en meget dårlig løsning.



Ryan Kristensen (29-06-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 29-06-05 21:22

On Wed, 29 Jun 2005 21:11:08 +0200, Kristian Antonsen <kristian@derfor.dk>
wrote:

> "<!--[if IE]>" er desuden en meget dårlig løsning.

Hvorfor?

--
Ryan Kristensen

Kristian Antonsen (29-06-2005)
Kommentar
Fra : Kristian Antonsen


Dato : 29-06-05 22:41

<!--[if IE]> fungerer ikke på Mac med Internet Explorer og nogle andre.
Når min løsning fungerer bedre på langt de fleste platforme, og det giver
samme resultat, så kan jeg ikke se hvorfor den skal bruges.

CSS-løsningen er ganske simpelt kompatibel på flere platforme end
"<!--[if IE]>"-løsningen.



Ryan Kristensen (29-06-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 29-06-05 23:43

On Wed, 29 Jun 2005 23:41:16 +0200, Kristian Antonsen <kristian@derfor.dk>
wrote:

> <!--[if IE]> fungerer ikke på Mac med Internet Explorer og nogle andre.

Nej, det gør det selvfølgelig ikke, men expressions fungere heller ikke på
mac IE.

> Når min løsning fungerer bedre på langt de fleste platforme, og det giver
> samme resultat, så kan jeg ikke se hvorfor den skal bruges.

Når mac IE alligevel ikke kan afvikle expressions, så vil jeg ikke mene,
at den ene fungerer bedre end den anden.
Ved at bruge conditional comments, så kan man trods alt få siden til at
validere.

> CSS-løsningen er ganske simpelt kompatibel på flere platforme end
> "<!--[if IE]>"-løsningen.

De eneste IE, hvor conditional comments ikke fungerer er mac ie, så css
løsningen vil kun være kompatibel på én platform mere. - Men når det
alligevel ikke kommer til at virke af den grund, så er der vel ikke nogen
grund til at bruge ikke valid kode.

Er der i øvrigt nogen der kender en statistik, der adskiller mac ie
brugere fra win ie brugere?
Det er jo ved at være et stykke tid siden mac ie blev droppet, så mon ikke
snart brugerne er skiftet til andre browsere?

--
Ryan Kristensen

Jens Gyldenkærne Cla~ (30-06-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 30-06-05 09:24

Ryan Kristensen skrev:

> Er der i øvrigt nogen der kender en statistik, der adskiller mac ie
> brugere fra win ie brugere?

FDIM: <http://fdim.dk/?vis=page&ID=73>

IE 5.2 ligger på en 10.-plads med 0.2% af brugerne.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jens Gyldenkærne Cla~ (30-06-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 30-06-05 09:22

Kristian Antonsen skrev:

> <!--[if IE]> fungerer ikke på Mac med Internet Explorer

Det gør expression heller ikke.


> og nogle andre.

Hvilke andre?


> CSS-løsningen er ganske simpelt kompatibel på flere platforme end
> "<!--[if IE]>"-løsningen.

Uenig.

Ifølge siden herunder virker expression på IE 5-6 til Windows (samme som
conditionals). I en række browsere bliver udtrykket blot ignoreret (som
ved en conditional), men Netscape 4.x vil forsøge at fortolke
expression-udtryk - noget der kan give stærkt uønskede resultater.

Bruger man conditionals, vil koden for alle browsere der ikke kan læse
conditionals blot fremstå som en kommentar - derfor er risikoen for at
ødelægge noget minimal. Expression er ikke valid kode, og derfor kan man
ikke være sikker på hvordan browsere vil fortolke det uden at afprøve
det. På siden herunder er der udover NN4 listet to browsere (bl.a.
Konqueror 2.x) hvis håndtering af expression er ukendt.

<http://www.dithered.com/css_filters/nonvalidating/expression.html>

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Kristian Antonsen (30-06-2005)
Kommentar
Fra : Kristian Antonsen


Dato : 30-06-05 18:24

Ja, jeg indrømmer gerne at min påstand blev ret tynd, da jeg ikke kunne
finde den side jeg ville relatere til. Læste en masse om lige præcis
Expression og det du brugte for et par dage siden, men kan ikke finde siden.



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408848
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste