Archief - CSS: Positie Probleem

Zit dus effen vast bij een css probleemke...

Heb een html pagina daar stat een Header op

header
is 100%
an min size van 1024

in die header zitten er twee componenten,
Eerst staat Component A en dan Component B naast elkaar,

Component A mag zo groot worden als het mogelijk is...dus geen vaste size..

het probleem zit bij Component B (dynamische component afhankelijk van de taal)
Component B is 200 w px * 50 h px groot (Hier is Component in het Engels)

Component B is 250 w px * 50 h px groot (hier is Component in het Nederlans)

Component B zo altijd uitersRechts moeten staan van het scherm, dus dacht ik van 100% left te doen bij positie en de margin left -200 px, wat dus ook werkte...tot ik effen de nederlands versie bekeek...en zag dat het dus nie meer werkte aangezien component B 50 px groter is dan de Engels versie...en dus 50 px verder stond dat het zo moeten, 50 px nie meer zicht baar, wat dus nie echt handig is...

hoe los ik dit op in css?

<div style="background: url(images/component.jpg) no-repeat right; height: <hoogtevancomponent.jpg>px"></div>

Component B is dus gewoon ook html...vb:
<div>
<p>tejst</p>
</div>

geen jpg, dus oplossing met background zal dus wss nie werken...

Als het geen afbeelding is, heeft het toch helemaal geen zin om met PX te werken? Gezien text relatief gesized is... .

van uw p nen display: block maken, fixed width en dan float: right?

nie zeker of da zou werken...

Dat zou werken ja .

thx, float werkt indeed

close