WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS: Placera en div relativt till en annan div? (https://www.wn.se/forum/showthread.php?t=20224)

matthew 2007-03-26 16:42

Säg att jag har div1 som ligger positionerad 200px från vänsterkanten, sen har jag div2 som jag vill skall ligga 15 px till höger om div1, oavsett var div2 är någonstans.

Om jag sedan ändrar div1 så den ligger 300px från vänsterkanten skall alltså div2 följa med utan att jag behöver ändra något.

Är detta möjligt?

koala 2007-03-27 00:11

prova med position: relative; float: left; left: 15px; top: ???px; (variera ??? om det behövs för att få den i rätt höjd, annars 0)

matthew 2007-03-27 01:34

Citat:

Originally posted by koala@Mar 27 2007, 00:11
prova med position: relative; float: left; left: 15px; top: ???px; (variera ??? om det behövs för att få den i rätt höjd, annars 0)

Tror inte riktigt du förstod, jag vill låsa den till en annan div. Tex om jag har div1 som "main", och så vill jag lägga div2 10px till höger om div1 utan att behöva räkna ut hur många pixlar det är från vänsterkanten.

Svårt att förklara :\

melin 2007-03-27 10:20

lägg div2 inuti div1.. funkade förr.. vet inte exakt hur det funkar nu

<div id="myMainDiv">
<div id="mySubDiv10pxToTheLeftOfMyMain">
</div>
</div>

Pixelstorm 2007-03-27 10:45

Testa att göra en "container"-div innehållande 2 andra divvar. På dessa två sätter du float:left; på den vänstra och float:right; på den högra. Sedan styr du margins med css.

EDIT: Såg inte att melin tipsade om samma sak.. sorry! ;)

guran 2007-03-27 13:28

I princip sätter sätter du följande på div2:

float: left;
margin-left: 15px;

Ett problem du kan träffa på är att om besökaren på hemsidan gör sitt fönster mindre så kan div2 "hoppa ner" och lägga sig under div1.


Alla tider är GMT +2. Klockan är nu 20:37.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson