CSS : relative und absolute Positionierung kombinieren?

Hallo, ich möchte meinen Hauptinhalt im Bodybereich mittig ausrichten und rechts und links ein wenig Rand lassen. Ich halte prozentuale Angaben grundsätzlich für besser als absolute Zahlenwerte und hab mich daher für

<div style="position:absolute; left:20%; width:60%"> 

entschieden - das wäre ja dann so, wie wenn ich in einer Frames-Lösung einen Frame mit 20%, den Hauptframe mit 60% und den nächsten Randframe wieder mit 20% anlege. Soweit, sogut. In den linken Rand soll noch das Logo, und solang die Fensterbreite weit genug ist, paßt es ja auch. Wenn aber die 20% nicht ausreichen, dann haben wir ein Problem, und das Logo überlappt sich mit dem Hauptframe. Für den Fall würde ich also die 20% durch den Mindestwert "Logo-Breite" ersetzen. Gibt es dafür noch eine andere Lösung als mit PHP? (Ich arbeite auf einem anderen System als sonst, mit JSP, PHP steht mir diesmal nicht zur Verfügung....) VG, Lava


P.S. Hatte dann noch eine Idee, nicht prozentual den Rand festzulegen, sondern einfach den Rand fest auf 200px zu setzen (das Logo ist 170px breit) und nur die Breite der Main-Area flexibel zu halten. Dazu war meine Idee wie folgt:

<div style="position:absolute; left=200px; right=100%-200px">

für den Mittelteil, aber die Kombination von % und px in der Angabe für "right" scheint auch nicht zu funktionieren....

Hm, geht es auch direkt mit Java-Einschüben in <% %>- Tags? Bin jetzt nicht daheim, sondern in der Firma und soll eigentlich nur Java Server Pages verwenden....

Zitat von Jörg

Aus der Breite kannst du dann errechnen, ob 20% für das Logo ausreichen. Andernfalls überschreibst du diesen Wert, z.B.:

if (x < 1000) {
   document.getElementById("content").style.right = 200 + "px";
}

(das betreffende div muss in diesem Fall die ID "content" erhalten)

Wenn ich die styles für die id's in einer extra css-Datei festlege, wo muß ich dann das o.g. Java-Script hinschreiben? In die css-Datei UNTER

 content{ 
}

?