Rike-Benjamin Schuppner: Tabelle komplett als StyleSheet schreiben...

Beitrag lesen

SELF-Forum

Tabelle komplett als StyleSheet schreiben...

Rike-Benjamin Schuppner
– Informationen zu den Bewertungsregeln

Hallo,

ich würde gerne die Tabelle mit den Haiku auf http://www.debilski.de/haiku/alle_haiku.php komplett mithilfe von StyleSheets umgestalten.

Das ist mir auch schon soweit gelungen, dass es mit Opera 7 und Mozilla funktioniert (siehe http://www.debilski.de/_test/debilski-css/alle_haiku.php.html ).

Nun habe ich noch zwei Fragen:

  1. Könnte mir jemand behilflich sein, das ganze auch InternetExplorer-fähig zu machen?

  2. Das unterste Haiku steht nicht mehr im Hintergundfeld, sondern ragt darüber hinaus. Wie kann ich das ändern (Wenn ich float:left weglasse funktioniert es an anderen Stellen nicht mehr.)?

Das Stylesheet ist: http://www.debilski.de/_test/debilski-css/main0002.css

Relevant ist wohl folgender Teil:

/* Haiku */

.haikuliste {
overflow: visible;
}
.haikuliste .haiku {
width: 29%;
border: 1px solid #933;
margin: 1%;
padding: 1%;
}
.haikuliste .triplet {
clear: both;
}
.haikuliste .triplet .haiku {
float: left;
}
.haikuliste .triplet .haiku + .haiku {
margin-top: 20px;
}
.haikuliste .triplet .haiku + .haiku + .haiku {
margin-top: 40px;
}
.haiku .datum, .haiku .autor, .haiku .zeile1, .haiku .zeile2, .haiku .zeile3 {
display: block;
}
<<

Vielen Dank

rbs

(Ich hatte das schon in mehreren anderen Foren geschrieben, aber mit mäßigem Erfolg; ich war so frei den Text fast direkt zu übernehmen.)

Beitrag melden
–
Informationen zu den Bewertungsregeln