Søg
Avatar billede SimonBStoevring Nybegynder
07. maj 2010 - 21:16 Der er 7 kommentarer og
1 løsning

Automatisk bredde på DIV

Hej.

Jeg ønsker at bredden på et DIV-objekt tilpasses indholdet. Jeg har fundet en masse om dette rundt omkring, men har endnu ikke fundet noget, som virker for mig.

Jeg har to DIV-objekter, som hver indeholder en YouTube-video. Disse kan ses på http://mbftp.dk/v2/
Jeg vil gerne, at deres bredde tilpasses YouTube videoen og fremtidig indhold med anden bredde.

Deres nuværende kode er:

<div style="background-color:#FEF5EF;border:1px #F0E1D7 solid;margin-bottom:3px;">
    <div style="margin:3px;">
        YOUTUBE-VIDEO
    </div>
</div>
<div style="background-color:#FEF5EF;border:1px #F0E1D7 solid;margin-bottom:3px;">
    <div style="margin:3px;">
        YOUTUBE-VIDEO
    </div>
</div>

Det er vigtigt, at DIV-objekterne fortsat er nedenunder hinanden.

Kan nogen hjælpe mig?

På forhånd tak.
Avatar billede keysersoze Ekspert
07. maj 2010 - 22:11 #1
benyt et span-element og adskil med et br-element?
Avatar billede SimonBStoevring Nybegynder
08. maj 2010 - 12:43 #2
Det ser utrolig mærkeligt ud.

Eksempel:
http://snuzzer.dk/pub/mbftp-span-youtube.png

Koden er:

<span style="background-color:#FF0000;border:1px #000000 solid;margin-bottom:3px;">
    YOUTUBE VIDEO
</span>
<br />
<span style="background-color:#FF0000;border:1px #000000 solid;margin-bottom:3px;">
    YOUTUBE VIDEO
</span>
<br />
Avatar billede keysersoze Ekspert
08. maj 2010 - 13:00 #3
kan du hele koden eller bedst et link?
Avatar billede SimonBStoevring Nybegynder
08. maj 2010 - 13:28 #4
http://mbftp.dk/v2/index.php

Der er et eksempel med SPAN.

Jeg har fundet frem til, at display:table-cell; på et DIV-objekt næsten gør det. Problemet er bare, at de så står på samme linje og jeg ønsker, at de står på hver deres. Jeg kan få dem ned på en ny linje ved at sætte <br /> efter hvert DIV-objekt, men så bliver afstanden tilgengæld for stor.
Avatar billede SimonBStoevring Nybegynder
08. maj 2010 - 14:08 #5
Så! Jeg fandt ud af, at float:left; og clear:left; på alle elementerne gjorde tricket.

Mange tak for hjælpen.
Avatar billede keysersoze Ekspert
08. maj 2010 - 16:02 #6
jamen - tak fordi du beholder point...
Avatar billede SimonBStoevring Nybegynder
08. maj 2010 - 16:36 #7
Jeg giver dig gerne point som tak for hjælpen, men svaret var jo et andet.

Jeg må indrømme, at jeg ikke ved, hvordan I plejer at gøre herinde?
Avatar billede keysersoze Ekspert
08. maj 2010 - 17:39 #8
Svaret var noget andet fordi du undlod at fortælle alt om udfordringen og derfor brugte løsningen forkert - i stedet eksperimenterer du men styles du ikke kender effekten af på elementer du åbenbart heller ikke kender.

Point er ligegyldige bare du finder ud af at svar aldrig er bedre end informationerne i spørgsmålet - og brug så i stedet lidt tid på at lære om block og inline elementer.
Avatar billede 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.

Loading billede Opret Preview
Kategori
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
23/1221:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
White papers
Flere white papers »