Mittig positionieren?

[hOOpZZ]

AW: Mittig positionieren?

@Gegenstrom: Richtig!

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

 

[Samuelll]

AW: Mittig positionieren?

300 war ein x-beliebiger Wert. Pass ihn Deinem Bedarf an.

Ja, damit kannst Du auch Sprites nutzen !

 

[Gegenstrom]

AW: Mittig positionieren?

hoopzz, zu deinem probs, hab dir ne pn geschrieben, damit solltest du schonmal was anfangen können

 

[hOOpZZ]

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.

wieso geschieht das?

 

[klauskinski]

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ß

 

[Sil3nt_Hunt3r]

AW: Mittig positionieren?

Hi,

versuche es mal mit:

.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^^