Problem med DIV

2011-08-13 10:28

Permalänk

rsmith

Medlem

Plats: Stockholm
Registrerad: Aug 2005

●

Problem med DIV

Jag har ett problem att få en div att fylla ut en annan div. Koden ser förenklat ut så här:

div parent är satt till 100% och div left är en bestämd vidd. Jag vill att div right ska fylla ut det som är kvar av div parent. jag har satt left till float: left och right till float: right men då lägger sig right dikt mot högerkanten och inte mot vänster kanten. provade då left: 0px men det hjälpte inte. några förslag?

Visa signatur

Rapportera Redigera

Citera flera Citera

2011-08-13 11:25

Permalänk

anon150287

Inaktiv

Registrerad: Apr 2010

●

Du beskriver det lite klyddigt.

Om #parent har 100% i width så sträcker den sig ut 100% av elementet ovan. Det är oftast onödigt med divar eftersom de redan har display: block; som utökar divarna till 100% inkl. margin och padding.

Om #left har float: left; och en fast width, och #right har float: right; så borde den sträcka ut sig om båda fortfarande har display: block;

Rapportera Redigera

Citera flera Citera

2011-08-13 13:37

Permalänk

Leedow

Medlem ★

Plats: Falun
Registrerad: Dec 2003

●

Skrivet av rsmith:

Jag har ett problem att få en div att fylla ut en annan div. Koden ser förenklat ut så här:

div parent är satt till 100% och div left är en bestämd vidd. Jag vill att div right ska fylla ut det som är kvar av div parent. jag har satt left till float: left och right till float: right men då lägger sig right dikt mot högerkanten och inte mot vänster kanten. provade då left: 0px men det hjälpte inte. några förslag?

Gå till inlägget

Din #left är rätt.
Din #right ska endast ha, margin-left: <#lefts antal pixlar i bredd>

Ex:
http://jsfiddle.net/qJFsy/

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Rapportera Redigera

Citera flera Citera

2011-08-13 17:10

Permalänk

anon150287

Inaktiv