nicht angemeldet
Unfähig für Mozilla zu formatieren
Hi!
Ich habe die Seite http://wachsmuth.neotecc.de/kehlchen/index.php%3Fvisit=klasse&gruppe=a (Eigentlich wollte ich http://wachsmuth.neotecc.de/kehlchen/index.php?visit=klasse&gruppe=a verlinken, aber ich bin z.Z. auch zu blöd, um zu maskieren) erstellt.
Diese beinhaltet viele kleine Bilder mit Beschreibungen. Jedes Bild habe ich so in HTML geschrieben:
<span class="figure">
<span><img src="bild.jpg"
width="100"
height="133"
alt="[Bild des Schülers]" />
</span>
<span class="caption">
1 Fabian Alender
</span>
</span>
und so in CSS formatiert:
.figure {
width:25%;
border:thin silver solid;
margin:0.5em;
padding:0.5em;
text-align:center;
}
.caption {
font-style:italic;
font-size:smaller;
text-indent:0;
display:block;
}
Der geünschte Effekt ist auch prima mit Opera ab Version sechs und mit dem Internet Explorer ab Version fünf zu beobachten.
Doch leider wird die Seite von Gecko-Browsern total verwurstelt.
Gibt es eine Möglichkeit, die Bilder besser zu formatieren, sodass die Seite auch mit dem Mozilla-Browser gut anzuschauen ist. Leider ist meine "Trickkiste" leer und mir fällt kein anderer Weg ein.
Danke im Vorraus und Tschüss wünscht
Wolfgang
--
Manchmal klingen dumme Sprüche schlau, wenn sie von populären Menschen oder einfach nur schlau ausgesprochen werden
Manchmal klingen dumme Sprüche schlau, wenn sie von populären Menschen oder einfach nur schlau ausgesprochen werden
-
Hi Nichtsnutz,
Der geünschte Effekt ist auch prima mit Opera ab Version sechs und mit dem Internet Explorer ab Version fünf zu beobachten.
M$IE 5.0 läßt mich ahnen, was Du willst (obwohl ich bei voller Bildschirmgröße im Browser durchaus mehr als drei Spalten hätte sehen wollen).
Sowohl in Mozilla 1.4 final als auch in Opera 7.11 fällt Deine Seite (gleichermaßen) völlig auseinander (alle Bilder untereinander, Texte nicht innerhalb der "Kästchen").
Wofür brauchst Du eigentlich das klassenlose <span> um das Bild herum?
Irgendwie hätte ich erwartet, daß Du die Kästchen in fester Pixelbreite formatiert und mit "float:right" etc. anordnest ... wäre das eine Idee, die Dir weiterhilft?
Viele Grüße
Michael--
T'Pol: I apologize if I acted inappropriately.
V'Lar: Not at all. In fact, your bluntness made me reconsider some of my positions. Much as it has now.
(sh:| fo:} ch:] rl:( br:^ n4:( ie:% mo:) va:| de:/ zu:| fl:( ss:) ls:~ js:|)
=> http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A|+fo%3A}+ch%3A]+rl%3A(+br%3A^+n4%3A(+ie%3A%25+mo%3A)+va%3A|+de%3A%2F+zu%3A|+fl%3A(+ss%3A)+ls%3A~+js%3A|
Auch diese Signatur wird an korrekt konfigurierte Browser gzip-komprimiert übertragen.-
Hi Michael!
Opera 7.11 fällt Deine Seite (gleichermaßen) völlig auseinander (alle Bilder untereinander, Texte nicht innerhalb der "Kästchen").
Oh, ich habe die Seite mit Opera 7.03 getestet und dieser Browser zeigte den Effekt, wie gewünscht, an.
Wofür brauchst Du eigentlich das klassenlose <span> um das Bild herum?
Stimmt. Danke, dass war ein Versehen, ist schon weg.
Irgendwie hätte ich erwartet, daß Du die Kästchen in fester Pixelbreite formatiert und mit "float:right" etc. anordnest ... wäre das eine Idee, die Dir weiterhilft?
Die Breitenangabe ist nicht das Problem (auch wenn ich jetzt die Boxen kleiner gemacht habe). Ich habe jetzt die Kästchen mit float:right formatiert und display:block rausgemacht. So klappt das, aber leider bleibt der Hintergrund klein und der Footer ist jetzt störend im Bild.
Tschüss
Wolfgang--
Manchmal klingen dumme Sprüche schlau, wenn sie von populären Menschen oder einfach nur schlau ausgesprochen werden
-
-
hi,
also meiner auffassung nach macht der mozilla das völlig richtig, denn du aus der bildunterschrift einen block machst ohne float-angaben, dann sollte der doch auch einen absatz machen, oder?
gruß
Ingo