Kom ihåg mig?
Home Menu

Menu


CSS: Placera en div relativt till en annan div?

Ämnesverktyg Visningsalternativ
Oläst 2007-03-26, 17:42 #1
matthew matthew är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 59
matthew matthew är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 59
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?
matthew är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-27, 01:11 #2
koalas avatar
koala koala är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Sep 2004
Inlägg: 1 154
koala koala är inte uppkopplad
Har WN som tidsfördriv
koalas avatar
 
Reg.datum: Sep 2004
Inlägg: 1 154
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)
koala är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-27, 02:34 #3
matthew matthew är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 59
matthew matthew är inte uppkopplad
Medlem
 
Reg.datum: Mar 2007
Inlägg: 59
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 :\
matthew är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-27, 11:20 #4
melin melin är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2003
Inlägg: 1 396
melin melin är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2003
Inlägg: 1 396
lägg div2 inuti div1.. funkade förr.. vet inte exakt hur det funkar nu

<div id="myMainDiv">
<div id="mySubDiv10pxToTheLeftOfMyMain">
</div>
</div>
melin är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-27, 11:45 #5
Pixelstorms avatar
Pixelstorm Pixelstorm är inte uppkopplad
Medlem
 
Reg.datum: Jan 2006
Inlägg: 122
Pixelstorm Pixelstorm är inte uppkopplad
Medlem
Pixelstorms avatar
 
Reg.datum: Jan 2006
Inlägg: 122
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!
Pixelstorm är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-27, 14:28 #6
guran guran är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Apr 2004
Inlägg: 1 061
guran guran är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Apr 2004
Inlägg: 1 061
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.
guran är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 22:05.

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