Jag har en bild på en hemsida. Jag vill att det bakom denna bild, och längs med hela sidans höjd, skall gå ett streck, som har en position relativ till bildens. Men hur skall jag göra detta? För, jag kan ju inte... :
göra streckets position relativ, för då tas den med i sidans flow (och således placeras strecket inte bakom bilden)
göra streckets position absolut, för då är positionen inte relativ till bildens (dock är strecket inte med i flowen, vilket jag vill).
göra strecket till en bakgrundsbild till bilden, till body eller något annat, för då kommer man inte kunna:
(om body) placera bilden
(om bilden) repetera bilden i y-led utöver bildens höjd
(om objekt) kunna placera objektet bakom bilden.
Så, vad jag vill är alltså:
att ta bort strecket från flowen, men fortfarande kunna placera det relativt till en bild.
Här nedan har jag en bild som ett komplement till förklaringen:
Det första jag tänker på när jag ser det du vill är att ha strecket som bakgrundsbild i en egen div. Och sedan använda minusmarginaler på sådant som ska lägga sig över...
Men hur ska jag lyckas placera ut bilden bakom huvudbilden, när div:en måste ha position: relative? Samt, så fort man har relative så får man ju inte bestämma längre hur hög div:en ska vara. Endast när man har position: absolute (och kanske fixed, jag vet inte) så får man ha exempelvis height: 100%.
Där har du sidan som den ser ut för tillfället. Hur ska jag göra för att få det blåa strecket att hamna under det gråa, och fortsätta ner till sidans slut? Obs att innehållet på sidan (förutom det blåa strecket, som är problemet) flyttar på sig om man exempelvis resizear fönstret.
287 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
