Positionierungsproblem

Also bFreunde,

ich hab ein Problem mit der Positionierung eines divs

div.head2 { position:relative; z-index:1; left:-400px; margin-left:50%; margin-top:0px; top:0px; width:800px; height:188px }

wenn ich nu meinen browser maximiert hab is alles okaii xD
aber sobald ich den browser nehme und in der breite stück für stück kleinermache verschwindet der header am linken browserrand im nirgendwo und ich kann nicht über die scrollleiste nach links rüberscrollen sondern nur nach rechts o.O sehr schlecht vorallem für nutzer von portablen internetgeräten (PSP IPhone etc pp)
wie kann ich das den fixen?

eventuell das ganze mit prozentangaben und versuchs mal mit position: absolute;

Ähm nein daran liegts nicht und ich brauch die sachen alle relativ positioniert =)

Altbekanntes Problem dieser Zentrierungs-Methode.

Da kann nur ein gänzlich anderer Ansatz helfen - was absolut nach links/oben raus positioniert wird, bleibt unerreichbar.

Ich habs relativ positioniert =) xD
Da muss es doch irgend einen trick geben?
das es realtiv positioniert bleibt aber trotzdem nicht nach links raussteht?

Kannst ja mal gucken, ob die Angabe einer anderen
Schreibrichtung Einfluß darauf hat, in welche Richtungen man
rollen kann.
Ich meine allerdings, es gibt keine Kultur, in der man von
rechts unten nach links oben schreibt, so daß man da eher
Chancen hat, von links-nach-rechts zu rechts-nach-links zu
wechseln, nicht aber oben und unten als Anfang zu vertauschen.

Vor ein paar Jahren habe ich damit mal herumprobiert, um den
Rollbalken von rechts nach links zu bekommen, von wegen der
Ergonomie, wenn sich auch das Navigationsmenü links befindet,
fand die Ergebnisse aber nicht so überzeugend, kann ja aber
heute schon deutlich sinnvoller implementiert sein.

Je nachdem, was in dem Element drinsteht, kann man ja auch
ganz anders vorgehen, um das zu zentrieren, wenn dies das
eigentliche Anliegen ist - das ist an dem Quelltextausschnitt ja
nicht ersichtlich, was du wirklich erreichen willst.

Hm um nochmal klarzustellen was ich erreichen möchte:

Ich will einen DIV-Container relativ und mittig positionieren:
Dieser hat:
-eine feste width, height angabe
-left:-1/2 widht

So weit funktioniert das aber wenn ich jetzt meinen browser kleiner schiebe wie die width angabe ist verschwindet die differenz aus browserbreite-width links im nichts und rechts kann man hinscrollen ich möchte also das wenn die browserbreite kleiner ist als der container der container am linken browserrand anfängt und nicht ins nichts geht…

Das wirst du eher erreichen, indem du margin-left und
margin-right auf auto setzt, nicht mit relativer Positionierung.
Wenn du die wirklich brauchst, scheint es mir plausibel zu sein,
daß die browser den Kram links rausschieben - das ist ja der
bekundete Wille, wenn man die Eigenschaft so angibt und der
Haken an der gesamten Methode.
Und ich meine, da gibt es dann keine zusätzliche Anweisung, die
die relative Positionierung wieder einschränken täte, wenn der
Platz nicht reicht. Der Platz ohne Verschiebung sollte vom
browser zugänglich gemacht werden, die relativ verschobene
Position nicht unbedingt.

Hm, danke für den Ansatz ich werde das gleich mal durchtesten…
Wenn du dir mal das Beispiel anschauen willst von was ich eigentlich rede:
theuntitledproject.de

Naja, was kann man dazu sagen, wenn ich da einmal kräftig
’durchlüften’ täte, wären da nicht nur die 47 vom Validator
gefundenen XHTML-Fehler weg, sondern noch eine Menge
anderes Zeug auch, was nicht in ein ordentlich strukturiertes
XHTML-Dokument gehört.
Gut, eine Stilvorlage, die bei zu kleinem Anzeigebereich den
Inhalt unlesbar macht, solange man CSS nicht deaktiviert, gehörte
sicher auch zu den Dingen, die beim ‘Lüften’ spontan verloren
gegangen wären ;o)

Insofern würde ich da mal zu intensivem ‘Lüften’ und Aufräumen
raten - da mag sich dann so manches Problem von allein
erledigen oder so manche Frage gar nicht erst stellen, weil die
Ursache dafür verschwunden ist…