5px Abstand links vom Slideshow Image -> Woher kommt dieser Abstand?

**Chris87** · 14.09.2011, 21:19

Hallo,

ich habe auf einer frischen Contao 2.10.1 Installation die Slideshow2 Erweiterung installiert und ein Bild eingebunden.
Allerdings wird das Bild links um 5px eingerückt bzw. es ist ein 5px Abstand links vom Bild und ich weiß nicht woher.

Ich habe schon IMG auf display: block; gestellt und bei den Slideshow Klassen margin und padding auf 0 gestellt aber das hat leider nicht geholfen.

Hat jemand eine Idee?

Hier die Adresse: http://christoph-schiffer.de/adprom/...hp/adprom.html

Danke.

Gruß
Christoph

**soweit_ok** · 14.09.2011, 22:17

Zitat von Chris87

Allerdings wird das Bild links um 5px eingerückt bzw. es ist ein 5px Abstand links vom Bild und ich weiß nicht woher.

Hi Christoph,

das Bild wird nicht eingerückt bzw. ist dafür kein li. Abstand verantwortlich, sondern es wird rechts abgeschnitten. Du musst #main eine Breite von 435px geben, statt 430px. Dann ist alles okay.

Code:

#main {
margin-left:232px;
padding-bottom:25px;
width:435px;


}

HG Andreas

**bizon** · 14.09.2011, 22:44

Der Fehler liegt da:

Code:

#left {
    margin-right: 55px;
}

Dieser margin drückt #main um 5px zu weit nach rechts, dadurch hat #main egentlich nur noch 425px und dem Bild wird's um 5px zu eng. Entweder den Abstand auf 50px reduzieren oder diese Alternative:

Code:

#left .inside {
    margin-right: 55px;
}

EDIT: Gerade nochmal kontrolliert, sieht eigentlich so aus, als wenn das #left {margin-right:...} überhaupt nicht gebraucht wird. Kannst es komplett löschen.

**soweit_ok** · 15.09.2011, 00:03

Zitat von bizon

Der Fehler liegt da:

Code:

#left {
    margin-right: 55px;
}

Stimmt, kann man auch so sehen und ist an sich noch logischer, weil der re. margin da tatsächlich zu nix nutze scheint. Allerdings eigentlich so ziemlich gehupft wie gesprungen, ob er nun den #left rausnimmt und so den Abstand nach rechts minimal verringert, oder #main die 5px verbreitert und den Abstand des Hauptbereichs nach rechts um diesen Wert verkleinert.