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
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra Webdesign kategorien

Titel Indlæg Oprettet Seneste aktivitet
Online beregnings-formular til wordpress (Excel?) Af k_skriver i Webdesign 0 13/09/202410:22 -
Wordpress side, sider indekseres ikke på Google pga omdirigering Af J. Nielsen i Webdesign 1 22/08/202400:31 04/10/202409:52
Konverteringsoptimering Af SaaSprofil i Webdesign 4 22/07/202411:32 18/08/202421:45
Implementering af 3. parts bannere på Wix-website Af Per i Webdesign 3 10/06/202420:05 17/06/202420:56
Virker vores webshop troværdig? Noget der skal ændres? Af jonaslo98 i Webdesign 8 08/05/202413:47 10/05/202408:15
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
51 min siden Ændring finansår C5 Af Lene i Økonomiprogrammer
I går 17:29 Proceslinje Af luffe1955 i Windows
I går 15:07 videoredigering med DaVinci Resolve Af gerhardpet i Andet software
24/1118:09 Billedoverførsel Af Laurids i iOS, iPhone & iPad
24/1113:30 Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
White papers
Flere white papers »


Premium
Teaser billede
AI-bølgen har fået markedsværdi for 139 år gammelt hardware-firma til at eksplodere: Steget med 400 procent siden nytår
Læs mere »
Microsoft et døgn efter nedbrud: Stadig problemer med Outlook
Sådan bekæmper TDC Erhverv bølge af angreb fra cyberaktivitister: Black Friday bliver lakmus-prøven
Medarbejdere forlader Netcompany i rekordtempo: Hver femte medarbejder har sagt farvel i det seneste år
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Stort Microsoft-nedbrud rammer flere kunder: Problemer med Teams og mails
Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Se alle »
CIO
Teaser billede
Stort Microsoft-nedbrud rammer flere kunder: Problemer med Teams og mails
Læs mere »
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Sådan får du overblik og beskytter dine cloudapplikationer
Læs mere »
Styrk compliance, sikkerhed og overblik med ét hug
Vær proaktiv og prioritér IT-sikkerheden – før det er for sent
MDR: Transparent sikkerhed og overvågning i realtid
Se alle »

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