Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Mittig positionieren?“

hOOpZZ

Break The Hype

AW: Mittig positionieren?

@Gegenstrom: Richtig!

@Samuelll: Funktioniert das denn jetzt auch noch mit den CSS-Sprites? Habe das JavaScript rausgenommen. Und wieso denn 300px?
 

hOOpZZ

Break The Hype

AW: Mittig positionieren?

SEHR GUT! es funktioniert auch bei dir, aber gleich tut sich wieder ein neues Problem auf. Ich wollte den Button nun mit Margin-left:xxx zur Feinabstimmung verschieben. Allerdings geht der Button bei Margin-left:100px nicht nach rechts wie er eig sollte, sondern nach links. :eek:

wieso geschieht das?
 
K

klauskinski

Guest

AW: Mittig positionieren?

Moin,

wahrscheinlich hast Du in Deiner .css-Datei eine übergeordnete Regel erstellt, die sich auf die child-divs auswirkt. Wenn Du das Gerüst strippst und nur den entsprechenden Bild-Tag drinlässt bzw. erstmal die momentan nicht relevanten Formatierungen in der .css-Datei auskommentierst, solltest Du relativ simpel ans gewünschte Ziel kommen. Wenn Du bspw. den body-Tag eingrenzt auf eine max-width, dann rechnet er alles was danach als child-div auftacht nach der gemachten max-width Angabe um. Wenn Du also den body-Tag (angenommen) auf 600px begrenzt, dann werden die 50% 300px ausmachen und somit nur entsprechende x/5 auf deinem monitor.

Margin bezieht sich immer auf das div, das Du ansprichst, padding auf den inhalt im div...

Ich weiß ja nicht, wie gut Du Dich auskennst, aber ich habe mir in den Anfängen regelmäßig das Hirn wegen solch simplen Sachen zermatert. Ich kann Dir jetzt nicht mal ne gute Quelle nennen, aber Google hat zum Thema columns usw. einiges parat...

Zur Not lege Dir erstmal ein ganz simples html-Gerüst neu an, mit linker und rechter Spalte per css, dann ändere die Werte und schau, was sich nach Deinen Wünschen ändert. Firebug im Firefox ist da z. B. sehr hilfreich!

Gruß
 
Zuletzt bearbeitet von einem Moderator:
S

Sil3nt_Hunt3r

Guest

AW: Mittig positionieren?

Hi,

versuche es mal mit:

Code:
.enter {vertical-align: center;
                          align: center;
          }

oder 

.enter {margin: 50% auto; <!--der erste wert richtet vertikal aus der zweite horizontal -->

           }
Dann sollte das Bild genau mittig ausgerichtet sein. (zumindest klappt es bei mir meistens so ;))

zu deinem margin-problem:

wenn du da vorher einen größeren Wert drinzustehen hattest, ist es normal das es sich nach links verschiebt.

Ich hoffe ich konnte dir helfen^^
 
Zuletzt bearbeitet von einem Moderator:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.854
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben