CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

webcreator Nybegynder

26. april 2006 - 11:04 Der er 5 kommentarer og
2 løsninger

DIV og dynamisk højde

Hej Eksperter.

Er det muligt at lave et element der ikke har en højde når det ikke indeholder tekst, men til gengæld får højde når det gør? Line-height giver mig det rigtige resultat, men her placeres teksten i midten af min "kasse" - jeg ønsker at "højden" viser sig som afstand under teksten - altså skal teksten have noget a la 'vertical-align: top'.

Løsningen skal være kompatibel med alle større browsere, hvilket betyder at min/max-height ikke er en løsning.

Synes godt om

webcreator Nybegynder

26. april 2006 - 11:38 #1

Pt. synes jeg at det bedste resultat jeg kan få er med padding i toppen og i bunden der giver samme højde som et linebreak.

Synes godt om

tjakobsen Nybegynder

26. april 2006 - 12:05 #2

Du kunne også placere en div som har en fast højde og en bredde på 1px inde i det element.

Det var det bedste jeg lige kunne komme i tanke om :)

Synes godt om

webcreator Nybegynder

26. april 2006 - 14:51 #3

Mja, men jeg vil ikke have nestede elementer. Det skal være ekstremt simpelt - og så er min egen løsning bedre - men tak :)

Synes godt om

tjakobsen Nybegynder

26. april 2006 - 14:57 #4

Det forstår jeg skam godt :)

Jeg faldt over dette link. Måske du kan bruge det.
http://www.greywyvern.com/code/min-height-hack.html

Synes godt om

webcreator Nybegynder

26. april 2006 - 17:55 #5

Tak igen, men der gøres også brug af nestede DIVs dér. Kan nok ikke laves med én DIV, desværre.

Synes godt om

tjakobsen Nybegynder

26. april 2006 - 18:00 #6

Prøv og se nærmere på det eksempel her:
http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/

Der bruges padding som du selv foreslog.

Synes godt om

webcreator Nybegynder

05. september 2006 - 12:22 #7

Tak for hjælpen

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS