CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede Abekatten Novice
22. oktober 2016 - 20:35 Der er 1 kommentar og
1 løsning

Absolute div inden i en anden div

Hej!

Jeg har prøvet at eksperimentere lidt frem og tilbage, men synes ikke jeg kan finde en løsning der virker.

Jeg vil gerne have en div som absolute oveni en anden div. Jeg har prøvet med nogle top-margin i negativ, men det virker ikke helt som forventet. Den røde div følger selvfølgelig ikke med i størrelsen.

Hvordan løser jeg lige det? Er vi ude i noget flow, eller hvordan? Hilsen en kode-noob, der har læst 100 artikler om problemet efterhånden.

På forhånd tak :-)

https://i.imgsafe.org/bb00bedfdb.jpg
Avatar billede Slater Ekspert
22. oktober 2016 - 21:04 #1
Du vil gerne have at det ser ud som på screenshot'et? En blå div inde i en rød div, og den indre blå div stikker ud over toppen, men følger højden af den røde? Er det sådan?

I så fald, hvorfor bruge position absolute overhovedet? Det virker som noget der kan løses ret nemt f.eks. sådan:
<div style="position: relative; background-color: red; padding: 20px; margin-top: 40px;">
  <div style="background-color: blue; top: -20px; margin-top: -40px;">
    Test<br>
    Test<br>
    Test<br>
    Test<br>
    Test<br>
    Test<br>
    Test<br>
  </div>
</div>
Ellers forstår jeg vist ikke.
Avatar billede Slater Ekspert
22. oktober 2016 - 21:05 #2
Hov, position relative på den yderste er ikke engang nødvendig. Det var  netop fordi jeg tænkte i position absolute på den indre, hvilket jeg altså ikke kan se giver noget her.
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

Flere spørgsmål fra Webdesign kategorien

Titel Indlæg Oprettet Seneste aktivitet
Tæl antal downloads Af leifbr i Webdesign 4 21/02/202407:33 21/02/202418:51
Spørgsmål til wordpress tema valg Af Mikkel4600 i Webdesign 10 08/02/202421:16 07/04/202420:09
kan ikke fjerne mystisk nummer i wordpress Af mario scharff i Webdesign 2 16/01/202410:14 16/01/202415:27
WIX Website: Skjulte subpages fremgår stadig Af ExcelJ95 i Webdesign 0 09/01/202412:21 -
SharePoint Designer 2007 Af jselek i Webdesign 4 12/10/202317:42 25/10/202312:06
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
I går 17:06 ændre hasighed på streaming tv - eksempelvis DR TV Af Malm i Andet software
I går 14:04 Bil benzin regnskab ? Af fimo i Excel
I går 09:37 Hjælp til flettefiler Af Vicky i Word
I går 07:52 facebook Af hagbartm i Sociale medier
16/0416:02 Exchange Server - SMTP Af tjodense i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Stort angreb skyller ind over en lang række VPN-tjenester: Løsninger fra Cisco, Fortinet og andre ramt
Læs mere »
Danske Jesper Schleimann bliver øverste AI-chef i Europa for SAP: Åbner nyt AI-center i stor satsning
Efter hård kritik og vrede kunder: Broadcom sparker store ændringer i VMwares licenser til hjørne
Kæmpe prisstigninger på vej fra Microsoft: Dynamics 365 bliver op til 16 procent dyrere
Se alle »
Computerworld
Teaser billede
Du bør vente med at købe ny bærbar: En pc-revolution vil ramme allerede til sommer
Læs mere »
Test af ny generation af video-overvågning: Her tilbydes de bedste features – nu til en skarpere pris
Tesla sender ny Model Y på gaden – sætter rækkevidderekord
Ny Windows-maskine fylder mindre end et kreditkort
Se alle »
CIO
Teaser billede
Aldrende SAP-konsulenter er et kæmpe problem i markedet: Virksomheder tør ikke uddanne nye
Læs mere »
Kæmpe prisstigninger på vej fra Microsoft: Dynamics 365 bliver op til 16 procent dyrere
Danske SAP-konsulenter er for gamle: Kan blive et kæmpe problem
Danfoss er i fuld gang med stor SAP-transformation: Særligt setup skal sikre, at selskabet forbliver herre i eget hus
Se alle »
Job & Karriere
Teaser billede
NNIT flytter til det centrale København: Her er selskabets nye hovedkvarter
Læs mere »
Får havudsigt: IBM Danmarks 700 medarbejdere flytter til nyt hovedkvarter om få dage
Knap 40 procent af disse it-folk tjener tjener mindst 57.000 kroner om måneden
Fujitsu Danmark fyrer medarbejdere og udfaser al nysalg af cloud
Se alle »
White paper
Teaser billede
Få mere ud af din cloudinfrastruktur og gør op med de konstant stigende omkostninger
Læs mere »
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Guide: Sådan udvikler du en moderne netværksstrategi
Cybersikkerhed: Skær antallet af alarmer ned fra tusindvis til blot en håndfuld
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »