---

Kan man sætte en minimum højde på en <div> , - så det fungerer i alle
browsere?

Kh
john

---

John Kjoller skrev:

> Kan man sætte en minimum højde på en <div> , - så det
> fungerer i alle browsere?

Tag et kig her: <http://www.svendtofte.com/code/max_width_in_ie/>

Man kan evt. putte width-udtrykket ind i en conditional, så koden
skjules helt for andre browsere (det virker også uden conditional,
men så validerer koden ikke).
--
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

---

John Kjoller wrote:
> Kan man sætte en minimum højde på en <div> , - så det fungerer i alle
> browsere?

Næh, det kan du ikke, men hvad skulle du egentlig også kunne
det for? Hvis indholdet af elementet overstiger kassens
højde, får du jo rulleskakter på kassen, eller skjuler
indholdet.

Grundlæggende må en div - eller ethvert andet element -
få den højde indholdet tilsiger.

Som Jens påpeger, er det noget andet med min-width.
Denne egenskab forstår IE ikke, men der er løsninger
på det problem.



--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

Jørgen Farum Jensen skrev:

>> Kan man sætte en minimum højde på en <div> , - så det
>> fungerer i alle browsere?

> Næh, det kan du ikke,

Jo, det kan man da netop med IE-hacket (det kan anvendes til alle
kombinationer af [min|max]-[width|height])


> men hvad skulle du egentlig også kunne det for?

Fx for at sikre at en side-footer ikke lægger sig helt oppe i
toppen af en kort side.


> Hvis indholdet af elementet overstiger kassens
> højde, får du jo rulleskakter på kassen, eller skjuler
> indholdet.

Jeg tror du blander max-height og min-height. Når man sætter en
min-højde, skjuler man ikke indholdet - man sørger bare for at det
ikke placeres for højt oppe. Maks-højden kan derimod resultere i en
scrollbar på div-elementet (afhængig af hvordan man sætter
overflow).



> Grundlæggende må en div - eller ethvert andet element -
> få den højde indholdet tilsiger.

Der er flere tilfælde hvor det kan være praktisk at sætte grænser
for skaleringen. Svend Tofte nævner problemet med (for) lange
linjer - det er i mine øjne helt relevant at sætte en maksgrænse
her. Min-angivelser kan også være relevante, for at undgå absurd
korte linjer.
--
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 Clausen wrote:

> Jo, det kan man da netop med IE-hacket (det kan anvendes til alle
> kombinationer af [min|max]-[width|height])

IE forstår faktisk min-height uden hack - mærkeligt nok, når de tre andre
definitioner er volapyk for IE.

http://hjemmesideskolen.dk/html/testsider/minheight.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/

---

Jørgen Farum Jensen skrev:

>> Kan man sætte en minimum højde på en <div> , - så det fungerer i alle
>> browsere?

> Næh, det kan du ikke, men hvad skulle du egentlig også kunne
> det for?

Jeg bruger en højdeangivelse på Fidusos sider (hverken min eller
max) for at sikre at menuen ikke rager ned under bundlinjen. Det
virker som en minimumshøjde i Opera, FF og IE.

Et eksempel hvor det ellers ville ske:

   http://fiduso.dk/?page=apostroffer

Sådan ville det se ud uden en højde:

   http://lundhansen.dk/temp/apostroffer.html

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen skrev:

>Et eksempel hvor det ellers ville ske:
>
>    http://fiduso.dk/?page=apostroffer

Kan man komme med input uden at være medlem? kunne ikke lige se
noget på siden.

Vi har for ½ års tid siden fået en ny taxi voghmand, øhh vogndame


http://www.degulesider.dk/vbw/super/resultat.do?compTrade=&compZip=&compCity=&compAddress=&compRegionID=&compPhone=57+83+54+60&minx=&maxx=&miny=&maxy=&Image51.x=40&Image51.y=14

Er linket knækket, så søg på tlf. 57 83 54 60 på http://dgs.dk

Tæerkrummende.
--
Kerim
Som ikke bruger Spamfighter, der spammer nyhedsgrupperne
og sender indlæg to gange.
Svar under det du citerer og citer kun det du svarer på - tak.

---

Erik Ginnerskov skrev:

> IE forstår faktisk min-height uden hack

Nej.

> http://hjemmesideskolen.dk/html/testsider/minheight.asp

Ovenstående side benytter også et hack - bare ikke det samme som
før (det er noget lettere med min end med max).

Den interessante del af css-koden ser ud som følger (med mine
kommentarer indlagt):

#content {
height:100px;    /* A: Height til IE */
min-height:100px;    /* B: min-height til nye browsere */
}
head+body #content { /* Denne selektor forstår IE ikke */
height:auto;        /* Annullering af A for andre end IE */
}
--
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 Clausen wrote:

> Ovenstående side benytter også et hack - bare ikke det samme som
> før (det er noget lettere med min end med max).

> #content {
> height:100px; /* A: Height til IE */
> min-height:100px; /* B: min-height til nye browsere */
> }
> head+body #content { /* Denne selektor forstår IE ikke */
> height:auto; /* Annullering af A for andre end IE */
> }

OK, der er lavet lidt i css. Men der er ikke som i de tre andre involveret
javascript for at få det til at funke.

width:expression(document.body.clientWidth < 685 ? "300px" : "60%");

Det var der, jeg ville hen.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/

---

Erik Ginnerskov skrev:

> OK, der er lavet lidt i css. Men der er ikke som i de tre
> andre involveret javascript for at få det til at funke.

Korrekt. Men IE (til og med v. 6) forstår ikke min-height - det var
min pointe.

Man kan omgå det uden at benytte javascript (som det er vist på din
eksempelside), men det virker kun fordi der benyttes height.
--
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