[erledigt] CSS-Design

Hallo erstmal [:
Ich habe ja ein CSS-Design und komme auch sehr gut damit zurecht^^
Aber mir ist aufgefallen, dass manche Leute mein Design ganz anders sehen.
Z.B. sind die div-Codes nach links o. rechts verschoben *___*


Hier zwei Bilder:
http://i46.tinypic.com/2lbi7pz.jpg
(div-Codes nach links verschoben)

http://i439.photobucket.com/albums/qq118/thea-lein/10.png
(div-Codes nach rechts verschoben)

Mein Design sollte so aussehen:
http://img.webme.com/pic/j/just-that/just-that.jpg


Warum ist es eigentlich so? *____* Gibt es irgendein Code, was das Verschieben verhindert?

Hi,
versuche mal deinen Container mit:

mittig zu platzieren.
Dann positionierst du die anderen Codes auch mit margin:0 auto; mittig.

Mfg nico1970
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !

Hallo

Das Problem liegt einfach an den falschen Positionsangaben der rechten Divs. Die gesamte Website wird in der Bildschirmmitte ausgerichtet, nur die Divs positionierst du in einem festen Abstand vom linken Rand. Sobald sich die Bildschirmbreite änder, wird die Seite zwar richtig ausgerichtet (nämlich mittig) aber die Divs bleiben immer noch an ihrer absoluten position kleben und scheinen sich zu verschieben.

Der Code für die Divs enthält folgenden Fehler:

left darf nicht absolut im Bezug auf den linken Rand gesetzt werden, wenn sich der Rest der Seite auf die Mitte biezieht:

besser:

left: 50%; margin-left: XX px;

mit "margin-left" richten sich die Divs an der Bildschirmmitte aus. Den dortigen Wert (XX px) musst du so anpassen, dass sie an der richtigen Stelle sitzen (schätzungsweise ca 350px). Dort bleiben sie dann auch.
Übrigens: dieser kleine Gedankenfehler setzt sich bei allen Divs der rechten Spalte fort. Die Änderungen musst du ggf. an mehreren Stellen vornehmen.


Hoffe, das hilft.

FK





visit => FKblack

Versuche die mal mit den left-Werten anders zu positionieren:

Sobald man eine andere Auflösung hatte, haben sich die Boxen verschoben.
Nun kannst du sie dadurch fest platzieren, einfach den Wert bei margin-left
anpassen!

Edit:

Zu langsam...
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.

Ich versteh das irgendwie nicht
Also soll ich in meinen div-Codes ,,margin:0 auto;" einfügen?

Vorher:

Nachher:

Es ändert sich dann nichts..

Ah, k ich versuche es mal

Danke für eure schnelle Antwort
Hoffe, die Anderen sehen meine Homepage jetzt richtig

Nicht ganz.

Momentan verschiebt sich nur die 1. Box, wobei ihr Inhalt immer noch an der falschen Stelle hängt.

Du musst den Code bei allen Divs der rechten Seite vornehmen. Diese Zeile mit dem kleinen Fehler wiederholt sich einige Male.


PS: Um zu überprüfen, ob alles sitzt, kannst du das Bildschirmfenster minimieren bzw. maximieren oder den Zoom kleiner stellen. Dann siehst du die sich ändernden Relationen der Blöcke.


Gruß

FK





visit => FKblack

So überprüft man das also
Und ich dachte es wäre normal, dass die Boxen sich beim Minimieren verschieben xD

Ok, ich habe jetzt die ganzen div-Codes umgeändert [:

1000 Dank an euch!

Danke an die Helfer

und danke für deine Rückmeldung!
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.