---

Kan man lave en minimumshøjde på en div, hvor at når indholdet
fylder mere end minimumshøjden bliver højden til auto?

Mvh Julie Petersen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

On 23-06-2011 17:06, Julie Petersen wrote:
> Kan man lave en minimumshøjde på en div, hvor at når indholdet
> fylder mere end minimumshøjden bliver højden til auto?
>
> Mvh Julie Petersen
>

Hvad har du prøvet?
Hvad var resultatet?

Karl Erik.

---

Karl Erik Christensen wrote in dk.edb.internet.webdesign.html:
> On 23-06-2011 17:06, Julie Petersen wrote:
> > Kan man lave en minimumshøjde på en div, hvor at når
indholdet
> > fylder mere end minimumshøjden bliver højden til auto?
> >
> > Mvh Julie Petersen
> >
>
> Hvad har du prøvet?
Ingenting, jeg aner ikke hvordan man gør.
- Julie
> Hvad var resultatet?
>
> Karl Erik.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

On 23-06-2011 17:23, Julie Petersen wrote:

> Ingenting, jeg aner ikke hvordan man gør.
> - Julie

http://htmlcsstutorials.blogspot.com/2009/06/how-to-have-div-min-height.html

Karl Erik.

---

Den 23-06-2011 17:06, Julie Petersen skrev:
> Kan man lave en minimumshøjde på en div, hvor at når indholdet
> fylder mere end minimumshøjden bliver højden til auto?
>
> Mvh Julie Petersen
>

HTML:

<div class="variabel">
....
</div>

Stylesheet formdeklaration:
div.variabel {
....
min-height:whatever;
}

Ikke testet på height.
--
Jørgen Farum Jensen
http://webdesign101.dk
..

---

On 23-06-2011 17:51, Jørgen Farum Jensen wrote:

> HTML:
>
> <div class="variabel">
> ...
> </div>
>
> Stylesheet formdeklaration:
> div.variabel {
> ...
> min-height:whatever;
> }
>
> Ikke testet på height.

Jeg har ikke testet i IE6/7, men i artiklen jeg henviser til, siger
nogle at det giver problemer i IE6/7.

Har testet i FF og Chrome, og her funger artiklens (modificerede)
løsning fint:

..test{
   min-height:50px;
   height:auto!important;
   _height:50px;
}

Jeg har ingen ide om hvad underscore foran height:50px; gør godt for.
Det er åbenbart noget IE6/7 halløj.

Karl Erik.

---

Det er egentlig en fejl i ældre versioner af IE. Man prøver at tage
højde for brugerfejl. Dvs. at hvis bare det første tegn ikke giver
mening vil IE6 og til dels IE7 checke om resten skulle give mening.

Et andet problem med underscore er at det var tilladt i CSS 1 i class
og ID navne men skulle være escaped. I CSS 2 var det originalt ikke
tilladt men blev det igen i en errata i 2001. Det gør at supporten for
det er meget dårlig i de enkelte browserversioner, så det kan ikke
anbefales at bruge det.
Nå men det var et sidespring.

Regards Jens Peter Karlsen.

On Fri, 24 Jun 2011 14:07:29 +0200, Karl Erik Christensen
<karlerik@none.invalid.com> wrote:

>   _height:50px;
>}
>
>Jeg har ingen ide om hvad underscore foran height:50px; gør godt for.
>Det er åbenbart noget IE6/7 halløj.

---

On 25-06-2011 11:20, Jens Peter Karlsen wrote:

> Nå men det var et sidespring.
>
> Regards Jens Peter Karlsen.

Jamen er der ikke noget om, at hver 3'die af "os" laver sidespring?

Det er da vist meget normalt

Karl Erik.

---

Julie Petersen wrote:
> Kan man lave en minimumshøjde på en div, hvor at når indholdet
> fylder mere end minimumshøjden bliver højden til auto?

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

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

---

On 06/23/2011 05:06 PM, Julie Petersen wrote:
> Kan man lave en minimumshøjde på en div, hvor at når indholdet
> fylder mere end minimumshøjden bliver højden til auto?
>
> Mvh Julie Petersen
>

Hvis du vil lave en div med minimum 300px i højden, så gør følgende:

#divid {
   height:auto !important;
   height:300px;
min-height:300px;
}

Først sættes height til auto med "flaget" important. Det fortæller
browseren, at værdien ikke må overskrives senere. IE ignorerer important
i gamle versioner ( jeg har faktisk ikke testet i 9-eren) og Microsoft
vil først understøtte important, når de overholder standarden. I IE er
det nemlig sådan at height faktisk gør det samme som min-height og
min-height ignoreres.

Når du så efterfølgende sætter height:300px; ignoreres dette i browsere,
der understøtter !importen - eksempelvis firefox.

Og så sætter du min-height til sidst.

Venligst

--
Christian Hansen
http://www.resource-it.dk/

---

On 23-06-2011 09:45, Christian Hansen wrote:

> Venligst
>

Få stillet dit ur til dansk sommertid.

Karl Erik.

---

Julie Petersen wrote in dk.edb.internet.webdesign.html:
> Kan man lave en minimumshøjde på en div, hvor at når indholdet
> fylder mere end minimumshøjden bliver højden til auto?
>
> Mvh Julie Petersen
>

Mange tak for alle de fine svar, det lykkedes.

Hilsen Julie

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials