Tabelle komplett als StyleSheet schreiben...

[Rike-Benjamin Schuppner]

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.)

[MudGuard]

Hi,

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

Schmeiß die XML-Deklaration raus.
Dann erkennt der IE den Doctype (der erwartet den als ERSTES).
Daraufhin wird sich der IE in den Standards-Mode begeben.
Das dürfte schon einige der Probleme beheben.

cu,
Andreas

[Rike-Benjamin Schuppner]

Hallo Andreas,

Schmeiß die XML-Deklaration raus.

Hmm. Das bringt irgendwie trotzdem keine Veränderung mit sich. (IE 5.0)

Aber irgenwie machbar sollte es doch sein, oder?

Gruß

rbs