Div im Bezug auf Auflösungen? | CSS

pXL!^

Huhu,

habe folgendes Problem bei meinem MySpace Profil undzwar geht es hier um div-Tags.

Ich wollte meine Seiten verschönern, doch wenn die Leute unterschiedliche Auflösungen haben ist des ein bisschen bescheiden. Denn wie ihr hier auf dem Bild erkennen könnt ist unter einer Auflösung von 1024x768 der div-Tag nicht genau an der Seite sonder in meinem Profil.

(Das soll da beim eingekreisten normalerweise sein)

Unter 1280x1024 funktioniert alles prima! Gibt es vielleicht eine Abhilfe die man im Code benutzen kann, damit dies nicht mehr auftritt, sondern für beide Auflösungen gleich aussieht?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

<style type="text/css">
.confusion-left {
position:absolute;
left:232px;
top:0px;
width:57px;
height:400;
background-image:url(http://.gif);
background-attachement:fixed;
background-repeat:repeat;
}

.confusion-right {
position:absolute;
left:1032px;
top:0px;
width:57px;
height:400;
background-image:url(http://.gif);
background-attachement:fixed;
background-repeat:repeat;
}

</style>

<div id="confusion-left"></div>
<div id="confusion-right"></div>

Danke im Voraus.

Gruß pXL!^

Scias

Leuchtet dir das selber nicht ein?

Das liegt an der grundlegenden Tabelle (die den Hintergrund ausmacht). Die ist zentriert und demnach sind vom linken Rand aus unterschiedliche Breiten, wenn man ne andere Auflösung hat.

Also wenn kein Browserfenster da wäre und die mittlere Tabelle 600px wäre, hättes du im Fall 1024 dann noch 212px frei (von links aus gesehen und musst demnach auch den DIV mit 212 - die Breite des Bildes links positionieren. Bei 1280 hast du dann 128px pro Seite mehr und somit 340px frei, was dann wieder als Positionierung von Links 340 - die Breite des Bildes ausmacht.

Ich würd versuchen die erste Head-Tabelle von Myspace anzusprechen (nur die, nich allgemein TABLE) und die "position: relative" setzen, damit sich dein DIV mit dem Bild was links soll von der Tabelle her ausrichtet.

Dann brauchst du nur noch als "left" Wert die Breite des Bildes als Minuswert eingeben.
Z.B. in diesem Fall
left: -57px;

Hoffe das hilft weiter,
Peez Scias

PS: gib ma link großes Grinsen

(ich liebe myspace designs) ^^