[Gelöst] tabelle mit gallery ändert sich nach anklicken

[pigsound]

ich hab wieder einmal ein problem... in ie7  >:(

ich habe hier http://www.gruenwalderhof.at/cmsmadesimple/index.php/nature-watch#rosengarten eine tabelle angelegt, mit 2 breitefixierten spalten. in der linken ist das gallerythumbnail, in der rechten ist text. alles schaut super aus, solange ich nicht das thumbnail anklicke. dann geht die grosse ansicht des bildes auf und nachdem ich das wieder zugemacht habe, hat sich die spaltenbreite der tabelle geändert... ich habe den quelltext von der situation vorher mit der situation danach verglichen und konnte keinen unterschied finden. was passiert da? ist das ein css-fehler oder so?

im anhang zwei bilder vorher - nachher.

[cyberman]

Liegt vermutlich nicht daran, aber trotzdem solltest du in Datei/Bild-Namen KEINE besser Leerzeichen verwenden ...

[Jos]

Vielleicht hilft es wenn du die div class="img" einen bestimmten width im CSS einstellt?

[mike-r]

ich hab wieder einmal ein problem... in ie7  >:(

Nicht nur da.

http://validator.w3.org/check?verbose=1 ... osengarten

http://jigsaw.w3.org/css-validator/vali ... osengarten

http://www.hotdesign.com/seybold/german/

[pigsound]

ja... ich weiss - ich bin eine validations-wildsau. in diesem fall konnte ich aber von 20 auf 8 validation errors runterkommen. ist doch schon ein anfang, oder 
danke jedenfalls für die vielen linktipps!

der rat, per css dem -tag eine konkrete breite zuzuweisen, hat nix gefruchtet, jetzt ist das layout auch in ie8 und ff durcheinander (siehe angehängte bilder).

so sieht die img-definition in css aus:

Code: Select all

.gallery .img {
	display: inline
	height: 60px;
	width: 80px;
	float: left;
	margin: 3px;
	text-align: center;
}

[Jos]

Warum ist diese width gesetzt?

Code: Select all

<td style="width: 80px; text-align: left;">

Die Bilder haben eine breite von 180 und 175 px

[Jos]

Und du kannst den float: left und display: inline auch rausnehmen.

Wenn du wirklich die bilder auf 80px beschränken möchtest, dann kannst du ein overflow: hidden hinzufügen.

Code: Select all

.gallery .img {
	/* display: inline */
	height: 60px;
	width: 80px;
	/* float: left; */
	margin: 3px;
	text-align: center;
     overflow: hidden;
}

[pigsound]

so, jetzt ist alles wieder an ort und stelle.

ein dummer fehler war das grundübel - der hat sich irgendwann eingeschlichen und dann war ich nur mehr blind. die breite der tabellenspalte war natürlich zu klein.

dafür hab ich jetzt dank eurer hilfe eine xhtml-valide seite (css-valide noch nicht, aber das wird schon noch... )

ist wirklich ein super forum hier!