Relative Positionierung -> top angeben mit Prozent -> Problem

[lufon]

Guten Tag zusammen

Ich bin im moment grad dran eine Website zu erstellen, es läuft eig. recht gut, die Probleme hab ich bis jetzt selbst gemeistert.
Allerdings steh ich jetzt vor einem, welches mich ein bisschen verwirrt.

<div style="position: relative; top: 230px;"><div align="right" style="padding-right: 9%;" > <div style="position: relative; float: right; background-color:#4486C7; width: 36%; height: 300px; border: 1px solid gray;">  <img align="right" id="img" width="125" height="180" src="Bild.jpg">
<h1>Kontakt</h1><br>
<a href="mailto:-"><p id="aa" style="left: 300px;" >-</p></a><a href="mailto:-"><p id="aa" style="left: 300px;" >-</p></a><br>
<p id="ab">Auch unter Skype</p><p id="aa">Skype-Name : -</p>
</div></div>
<div align="left" style="padding-left: 9.3%;"> <div style="position: relative;background-color:#4486C7; width: 50%; height: 300px; border: 1px solid gray;">
 </div></div></div>

Dieser Code funktioniert perfekt.Es geht grundsätzlich um die erste Linie. Wenn ich nun diese 200px in z.B 40% ersetze, funktioniert das nicht.

Natürlich könnte ich die 230px auch lassen, aber ich möchte, dass andere Leute mit ner anderen Bildschirmauflösung die Website normal sehen.

Verschiedene Varianten habe ich ausprobiert, z.B mit Anpassung durch Javascript.Das hat aber leider auch nicht funktioniert :shock:

Könnt ihr mir nen Denkanstoss geben (oder auch gleich die Lösung ? :mrgreen:)

greets lufon

edit: tut mir leid dass der code so komisch aussieht, weiss auch nicht warum.

 

[Cheffchen]

Hallo,

also habe den code mal gerade sortieren lassen in der hoffnung das der nicht so schlim ist wie es aussieht, leider ist der noch schlimmer.
Das ist verwunderlich wenn passiert was möchtest, am code erkenne ich nicht was passieren soll :O).
das ist eine positionssuppe vom feinsten, am besten noch mal überlegen was möchtest und dann neu anfangen ohne das positionszeug aber mit paddding und margin.
genau so arbeitets mal mit % und dannn wieder mit px, auf eins solltest dich schon einschießen.

mehr kann ich leider nicht sagen.

Cheffchen