✔ 2 div inline, 1x absolut, 1x relativ

[ZodiacXP]

Hallo.

In einer XHTML

body {
	margin:1% 0% 1%;
}

habe ich ein div mit fester breite ganz links

div.menu {
	display:inline;
	float:left;
	width:120px;
}

und möchte nun ein div ganz rechts der den kompletten Rest der Seite ausfüllt:

div.content {
	display:inline;
	float:right;
	width:78%;
	vertical-align:top;
}

Mein Ansatz ist hier mit relativen Angaben, aber das sieht bei unterschiedlicher Auflösung wieder mist aus.

Wie löst man sowas geschickt ohne JavaScript?

 

[Maik]

Hi,

leg für die Box .content einen linken Außenabstand fest, der der Breite des zu umfliessenden Elements entspricht.

div.content {
	margin-left:120px;
	vertical-align:top;
}

mfg Maik

 

[ZodiacXP]

Wow. Das sowas geht wusst ich auch noch nicht.
Als würd die div die danach kommt hinter der div-inline liegen ^^
Komische Sache aber klappt wunderbar. Danke!