Richtige Position 2 Elementen

[striker]

Guten Tag.
Ich habe Problem.Unzwar habe ich auf meine Seite Beep-Bob.de Home wollte ich den HEader anpassen. Den Counter und der Banner haben die richtige n Positionen.Siehe Quelltext:

#a1 { position:absolute; top:5px; left:20%; width:30%; height:25px;
      z-index:1; background-color:transparent; }
#a2 { position:absolute; top:5px; left:50%; width:50%; height:60px;
      z-index:2; background-color:transparent; }

a1=Counter
a2=Banner

Hab die Seite ja angepasst auf eine Bildschirmauflößung 1280x1024.
Wenn ein User kommt mit einer Bildschirmauflößung von 800x600(Beispiel) verschiebt sich alles und den Banner sieht man beispiel kaum .
Jetzt meine Frage.Gibt es eine Funktion die Bildschirmauflößung automatisch angepasst wird auch für 800x600 Besucher?

Damit ihr es besser versteh was ich meine hier ein weiteres Beispiel auf Beep-Bob.de Home ist ja der LOGO ... in den Logo soll dann zusätzlich ein Login bereich eingebaut werden.Wie kann ich das machen damit ich genau die richtige stelle treffe ohen das sich es verschiebt wegen der bildschirmauflößung ?
Hoffe könnt mir helfen,bissle kompleziert es zu erklären.

 

[striker]

Kann da keiner weiter helfne?
Brauch ja nur Oberbegriff .. rest werd ich mir suchen bei google oder so

 

[threadi]

Hab mir den Quellcode nicht genauer angeschaut. Aber rein theoretisch würde ich es so machen:

Um das Bannerbild ein div legen. Diesem div "position: relative" mitgeben. Nach dem Bannerbild noch ein weiteres div in das umgebende div einfügen und dieses enthält dann den Loginbereich der per "position: absolute" auch über dem Logo platziert werden kann.

 

[striker]

Danke für die Antwort.
Gibt es im Internet ne Seite wo darüber steht?
Damit ich das besser verstehe ?

 

[threadi]

Klar, aber das wirst du wohl öfter schon gehört haben: selfhtml. Bei deinem Problem kommt es eher drauf an sich in das Problem rein zu denken. Eine vorgegebene Lösung gibt es da nicht.

 

[striker]

Jaja immer wieder selfhtml lol.
Gibt es dort keine Sete wo da sgenau erklärt ist? Wenn ja könntest du mir es rauspixeln? *gg*

 

[striker]

Bei mir funksoniert das trotzdem nicht.
Hat jemand anders anderen Vorschlag

 

[threadi]

Ok, ich geb dir noch einen Code-Schnippsel (ungetestet):

<div style="position: relative;height: 120px;width: 300px;">
<img src="logo.gif" alt="" style="height: 120px;width: 300px;" />
<div style="position: absolute;top: 5px;left: 5px;">Loginfeld etc.</div>
</div>

wobei Höhe und Breite den Maßen des Banners entsprechend sollten.

 

[striker]

Beep-Bob.de Home

Dann sieht es so aus.
Endergebnis ist wenn ich 1024x864 mache ist der banner auch verschoben.
Das soll also mit jeder Bildschirmauflößung in der mitte sein

 

[Budspencer]

versuch mal ein div um alles zu machen dann gib ihm ne breite und margin: 0px auto;

 

[striker]

Komm damit überhaupt nicht klar.
Kannst du mir Grundgerüst zeigen ? Das mit den Pixel kann ich ja einstellen nur mal ne Demo dann versteh ich das besser.
Und das sind ja net die einzigsten da sollen noch Buttons hin