Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 21, 2013 at 7:29 am #178280
    crevlon

    Hallo,

    ich würde gerne ein Layout Element (Spalte 67% width) zentriert setzen. Wenn ich erst eine 20% width (1/5) Spalte einfüge und dann die 67% width (2/3) Spalte, bleiben am Ende nur 13% übrig. Dadurch ist die 67% width (2/3 Spalte) nicht zentriert, sondern etwas zu weit rechts.
    Wie kann ich eine 2/3 Spalte perfekt zentrieren?

    Es geht um folgende Seite:
    http://www.marcobehrens.com/neu-hier/

    Liebe Grüße,
    Marco

    October 23, 2013 at 10:31 am #179576
    Dude

    Hey crevlon!

    Hast du schon probiert 1/4 1/2 1/4 zu wählen? Sollte in etwa denselben Effekt geben. Und falls dann der Inhalt noch zu breit ist, könnte man diesen in ein div schreiben und zu diesem Div etwas padding/margin hinzufügen.

    Regards,
    Peter

    October 23, 2013 at 11:05 am #179594
    crevlon

    Hi Peter,

    gute Idee…doch leider nicht machbar. Ich möchte ja, dass der Text 2/3 der Seite einnimmt. Da 1/2 weniger als 2/3 ist, wird der Text dann automatisch schmaler sein. Da ist dann leider nichts mehr zum weg “padding/margin”.

    Liebe Grüße,
    Marco

    October 25, 2013 at 10:21 am #180563
    Dude

    Hey!

    Man müsste dann die Spaltenbreite anpassen. Mit folgenden CSS Code

    
.page-id-2380 div .av_one_fourth {
width: 20.5%;
}

.page-id-2380 div .av_one_half {
width: 47%;
}

    kann man die Weiten abändern. Wenn die Weite des av_one_fourth verringert wird kann man die Weite des av_one_half vergrößern – naturgemäß um das doppelte jenes Wertes, um welchen man das 1/4 Element verringert hat (da die Struktur 1/4 1/2 1/4 ist und man daher die Weite des 1/4 Elements zweimal benötigt). Die page-id-2380 Klasse stellt sicher, dass nur die Seite mit der ID 2380 von der Änderung betroffen ist.

    Best regards,
    Peter

    October 26, 2013 at 12:12 pm #180986
    crevlon

    Sag mal hast du eventuell beim Befehl für den “.av_one_fourth” einen Schreibfehler?
    Den “.av_one_half” lässt sie wie gewünscht ändern, aber bei dem “.av_one_fourth” kann ich eintragen was ich möchte…es ändert sich nichts.

    October 27, 2013 at 8:56 am #181163
    Dude

    Hey!

    Nein, solle eigentlich funktionieren. Versuche einmal den important tag anzuhängen

    
.page-id-2380 div .av_one_fourth {
width: 20.5% !important;
}

    Cheers!
    Peter

    October 27, 2013 at 9:40 am #181174
    crevlon

    Perfekt, so funktioniert es :)
    Danke!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Layout Element (Spalte) zentriert setzen’ is closed to new replies.