CSS Problem Positionierung

[melodora]

Hallo Zusammen,
irgendwie seh ich den Fehler nicht vor lauter CSS. Im Headbereich soll ein Bild quer über die ges. Breite der Website gehen. Aber es rutscht einfach nicht an die richte Position.
Wer kann bitte einen Blick drauf werfen und mir sagen, wo ich den Fehler mache?
www.naturconcept.de/index.php
Das Bild wird mit der Erweiterung (Titelbild mit Erweiterung: Coverpicture) auf jeder Seite eingefügt. Contao-Version 2.11.2
Österliche Sonnengrüße
Melodora

[iuna123]

Hallo Melodora,
ich kann deinem Problem leider nicht ganz folgen
Ich sehe ein Bild, dass über die gesamte Fläche geht

Wo sollte es denn genau hin?
Also was ist die "richtige" position

LG, daniela

[sonja]

Ich würde mal versuchen, zu Testzwecken bei dem Seitenlayout nicht HTML zu wählen, sondern XHTML.
lg
sonja

@iuna: das Bild steht beim Firefox rechts raus. Meiner Meinung nach, weil das HTML5 Tag <figure> wahrscheinlich von den Browsern noch unterschiedlich interpretiert wird.

[iuna123]

Bei mir im Firefox steht es genau in der Mitte ;o)

[sonja]

im FF 11.0 steht das Bild rechts raus..

also entweder auf XHTML umstellen oder im css irgendwo

figure {padding:0;margin:0;}

[Andreas]

Du hast .mod_coverpicture display:inline; verpasst. Ändere das mal auf block, bzw. schmeiß inline raus, figure ist schon über die contao.css auf block.

Außerdem vergibt FF dem figure automatisch einen Margin. Den müsstest du wieder zurück setzen.

Dem Bild würde ich auch display:block; verpassen wenn du es pixelgenau positionieren willst. Als Inline-Element (default) haben IMGs oft unerwartete Abstände.

[melodora]

wunderbar, jetzt kann der Osterhase kommen :-))

display: block und padding, margin auf 0 gesetzt hat geholfen. Nun sitzt das Bild auf allen Browsern in der Mitte.
Ganz lieben Dank für Eure Tipps.

[Andreas]

Normalerweise sitzt in der contao.css fürs Reset schon * {margin:0}. Also Margin 0 für alle Elemente.

Aber das contao-reset hast du wohl geändert oder raus geschmissen.