Ja, Pseudoformate, ist tatsächlich die korrekte Bezeichnung. Also wenn ich alt und neu so vergleiche dann müsste das auch bisher nicht funktioniert haben.

__________________
Meisterschützen - Community für Sportschützen

Moin,

Aha. Die Dinger heißen Pseudoelemente. Du benutzt also kein :hover, kein :active, usw.? Warum?Dann suchst du falsch Die Links der alten Galerie haben eine Breite von insgesamt 184px (168px width + 3px padding-left + 3px padding-right + 1px border-left + 1px border-right + 4px margin-left + 4px margin-right). 3 * 184px = 552px, wie in der neuen Galerie auch. Der Unterschied ist, dass in der alten Galerie der Container auch diese Breite zur Verfügung stellt. In der neuen Galerie ist er nur 536px breit, darum passen die Bilder nicht in eine Zeile.

gruß,
take

__________________


take-weiland.de · Bürgerinitiative Norden

Warum? Weil verschiedene Browser einige Pseudoformate nicht oder zumindest nicht sinnvoll interpretieren. Klar, das hat sich inzwischen sehr gebessert, und man tendiert wohl inzwischen zum Begriff Pseudoelement, aber da bin ich halt manchmal etwas eingerostet. Also glaubt man Firebug dann hat der Inhaltsbereich der alten Seite eine Breite von 544 Pixel und die Galerie eine Breite von 552 Pixel. Ich weiß noch, dass wir damals eine ganze Weile gebastelt haben um das so hinzukriegen, aber ich komme nicht mehr drauf wo genau der Trick liegt.

__________________
Meisterschützen - Community für Sportschützen

Moin,

Dann musst du halt damit leben, dass du "eingerostet" bist und z.B. last-child mit einer Klasse auf dem letzten Bild lösen. Ist aber nicht schön. Außerdem kann man immer nachkucken, welche Browser welche Pseudoelemente (die hießen ürbigens schon immer so) unterstützen und dann entscheiden, ob man mit dem Einsatz leben kann. Sorgenkinder sind hier heutzutage eigentlich nur noch IE 7 und 8 (und evtl. noch IE 6, aber der ist ja sowieso ne Nummer für sich).Der "Trick" liegt darin, die richtige Breite zu definieren. In der alten Version steht da width: 552px, in der neuen steht width: 536px.

gruß,
take

__________________


take-weiland.de · Bürgerinitiative Norden

Das sind alles Pseudoklassen.

Pseudoelemente gibts nur vier: ::first-line, ::first-letter, ::before, ::after
Pseudoklassen haben nur einen Doppelpunkt, Pseudoelemente haben zwei (die obigen vier dürfen aus Kombatibilitätsgründen aber auch mit nur einem Doppelpunkt geschrieben werden).

Inoffiziell gibts noch ein paar zusätzliche Pseudoelemente...

__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.

Moin,

Mein ich doch. *goddamnit* Der Unterschied ist mir klar, danke für den Hinweis

gruß,
take

__________________


take-weiland.de · Bürgerinitiative Norden

Ich hab' heute die Umsetzung mit first-child bzw. last-child ausprobiert. Das bringt leider keine Besserung, weil spätestens die weiteren „Zeilen“ wieder zu breit werden.

__________________
Meisterschützen - Community für Sportschützen

Jeder der Links braucht 168px + 16px. Du hast 3 davon, aber nur 536px Platz. Ich würde .gallery_images margin-right: -16px; geben. Seine Breite fliegt dann natürlich raus (oder anpassen, aber sie ist eh überflüssig). In diesen zusätzlich Platz können dann die rechten 16px-margins der Links, die ganz rechts stehen, hineinragen.

Und durch overflow: hidden; des Elternelementes ist die Überbreite des divs zwar da, aber wird weggeschnitten, wird sich also in der Darstellung unter keinen Umständen auswirken (außer natürlich dem zus. Platz für die rechten Link-margins).

Solange nur 3 Bilder da sind, geht natürlich auch :first-child (würde ich, falls möglich, immer dem schlechter unterstützten :last-child vorziehen), aber ab 6 Bildern hilft das nicht mehr.

Edit: Natürlich hilft es bereits ab 4 Bildern nicht mehr Und zu :last-child noch eine genauere Info: Der IE kennt das erst ab Version 9, und das heißt für mich (leider) Finger weg von dieser Pseudoklasse. (Aber mit first-child lässt sich eh fast immer das gleiche Ergebnis erzielen.)

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Dankeschön. Ich glaub' so hab ich das auch schon mal früher hinbekommen. Mann, wie kann man nur so einrosten? Dafür macht das CMS mal Spaß.

__________________
Meisterschützen - Community für Sportschützen