Topartikel anpassen

[hpzeller]

Hallo Hanspeter,

auf dem Mac Book sind die Bilder etwas verschoben, sowohl bei Mac Safari als auch bei Mac Chrome.
Siehe Screenshot im Anhang.
Findest Du dafür noch eine Lösung?

Danke und einen schönen Sonntag
Sylvio

Das liegt daran, dass du die Änderung von awids in seiner Antwort #8 gemacht hast, also versucht hast von 3 Spalten auf 4 Spalten zu wechseln, dein Template aber explizit nur für 3 Spalten ausgelegt ist. Eine Lösung kann ich dir so aus der Ferne nicht bieten, der Ansatz den dir awids in seiner Antwort #13 gepostet hat würde ich dir nicht empfehlen, denn dadurch hast du dann Probleme in den Ansichten mit 3 Spalten. Mein Tipp: Versuche in die Top Artikelliste immer eine Anzahl Produkte aufzunehmen welche durch 3 teilbar ist, so sind die Zeilen immer schön gefüllt und darum ging es dir ja eigentlich.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[morgenstern]

Hallo Hanspeter,

(diesmal wirklich  )

danke für Deine Antwort. Ich habe es jetzt mal so gemacht wie awids schrieb, es scheint zu funktionieren. Schaue morgen in der Firma auf dem Windows-PC wie es da aussieht. Hier zu Hause habe ich nur den Mac.

Allen einen schönen Sonntag und noch mal vielen lieben Dank.
Es ist schön, mit Experten vernetzt zu sein !!! 

Viele Grüße, Sylvio

[morgenstern]

Hallo an die Experten,

wie awids schon schrieb, müssten evtl. noch andere Auflösungen angepasst werden.

In den einzelnen Kategorien sind die Bilder jetzt leicht verschoben, die erste Reihe stimmt immer,
die Artikelbilder der  zweiten und dritten Reihe sind etwas nach links oder rechts verschoben. Bei Window 7 (der Firmenrechner läuft derzeit noch auf Windows  7)  mit Google Chrome sieht man es kaum. Deutlicher seiht man es auf dem Mac unter Safari.

Beispiel:
https://www.schweisstechnik-morgenstern.de/Schweissgeraete/MAG-Schweissgeraete:::62_8.html

Wie gesagt, bei Windows 7 mit Chrome und IE muss man genau hinschauen, aber unter Safari sieht man es deutlich.

Vielleicht habt Ihr ja eine Idee.

Viele Grüße, Sylvio

[Tante Uschi]

Deine stylesheets passen nicht weil der Wert für die erste Box (first child) mit margin-left: 0;  angeben ist:

Code: PHP  [Auswählen]

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

die weiteren jedoch ein margin-left: 2.127659574468085%; bzw. margin-left: 20px;  haben, das musst  Du richtig anpassen:

Code: PHP  [Auswählen]

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574468085%;
    *: ;
    margin-left: 2.074468085106383%;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
 

in der zweiten Reihe hat dann die zweite Box wieder ein margin-left: 0px;

Code: PHP  [Auswählen]

.box2:nth-child(4n+1) {
    margin-left: 0px;
}

Gruß

[morgenstern]

Hallo Karsta,

habe es so umgesetzt wie Du vorgeschlagen hast.  Es funktioniert super.

Hallo Hanspeter,

Du hattest recht mit dem Versuch auf 4 Spalten zu wechseln, habe es wieder bei 3 Spalten gelassen.

So gefällt es mir, und auf allen Browsern sieht es ordentlich aus, sowohl auf Windows als auch auf dem Mac.

Danke noch mal an alle für Eure Hilfe und einen schönen Abend.
VG Sylvio