Problem mit CSS/XHTML

[fanrpg]

Ich versuche gerade mich in HTML ein bisschen weiterzubilden, und habe versucht, ein Design mit CSS zu formatieren. Soweit so gut, auf jeden Fall habe ich ein Problem das alle Browser es unterschiedlich anzeigen, obwohl es XHTML 1.0 Strict Konform laut W3C ist.

So lässt es der Opera aussehen:
http://test.fanrpg.com/problem_test_1.jpg
Und soll es auch eigentlich(!) aussehen in der Endversion.
Div mit Overflow im ganzen <td>!

So sieht es im Firefox aus:
http://test.fanrpg.com/problem_test_2.jpg
Das geht ja eigentlich noch, nur das div im <td> Wird nicht durch das ganze <td> gezogen, wie oben im Opera wie es sein soll.

Und jetzt das krasseste, der IE:
http://test.fanrpg.com/problem_test_3.jpg
Hier passt irgendwie gar nichts, die <th>'s zieht der bis zur Hälfte und auch das div wird nicht durch das ganze <td> gezogen.

Na ja das deprimiert mich irgendwie das es konform ist aber nicht funktionieren will..

Hier ist die Datei: http://test.fanrpg.com/test.html

Hat jemand vielleicht eine Ahnung warum das nicht alles so aussieht wie es sein soll, mit dem div was nicht durch das ganze td gezogen wird könnt ich leben, aber das er die Überschrift im IE so herunterzieht das zerstört das Design komplett.

Hat jemand vielleicht eine Idee?

[der-rene]

Hi,

setze doch in die TD Abteilung doch eine Höhe (in pixel oder in %) in deinen Fall habe ich mal 400 eingegben.
Das mag der IE die anderen Browser interessiert das kaum

<td class="write" height="400">
hier ein screenshot im ie
[link gelöscht]
hier der quellcode
[link gelöscht]

Ob du es via CSS allg gültig machen willst, keine Ahnung ggf nochmal in der betreffenden Klasse definieren.
also

height:100%;

in

.write {
background-color:#CCCCCC;
font-size:14px;
vertical-align:text-top;
height:100%;
}

Hoffe geholfen zu haben.

LG René

[fanrpg]

Danke, aber dieses height="400" will ich eben nicht.
Das bringt ja nichts, wenn ich versuche Position Höhe etc. nur Versuchen will per CSS zu regeln.

Und das write auf 100% zu legen bringt ja nichts, das das <div> mit dem Overflow davon unberührt bleibt, das <td> Stimmt ja von der Grösse her.

[der-rene]

Hi,

klar ich versteh schon was du meinst. Bloß das Problem ist das man es mit dem IE nicht so einfach hat. (Besser gesagt nie einfach hatte)

Will man es noch ein Zahn schärfer. Würde ich zu Layer oder zu Image Maps
greifen.

Sorry weiter kann ich dir nicht mehr helfen. Entweder gibt es keine Lösung mehr oder ich habe ne Bildungslücke. (Ich hoffe ehr das letztere)
Gutes gelingen.
René

[Martin Truckenbrodt]

Hallo,
wie wäre es mit position im CSS?

Schau' Dir mal www.downbeat.name an. Hier habe ich allerdings momentan "nur" HTML ohne "X" vorndran.
In der styles.css habe ich allerdings noch ein paar Altlasten drinnen. Vergleiche es daher am besten mit dem Quelltext.

Gruß Martin

[fanrpg]

Ich denke ich habs hingekriegt, auf jeden Fall siehts in jedem Browser fast gleich aus. Der Div wird endlich durchs ganze <td> gezogen.
Anstatt % Angaben habe ich jetzt einfach feste px Angaben genommen, und damit hats jeder Browser genommen. Aber soweit ich weiss, müsste es auch mit % Angaben normalerweise perfekt funktionieren.
Und ja der IE ist auch so nen komischer Browser, der hat ja das <th> bis zur Hälfte gezogen vom <td>, trotz height:15px;. Na ja das habe ich auch hingekriegt, durch max-height:15px; und das <div> auch ne feste px Grösse.
Also verstehen tue ich es immer noch nichts, wieso alle Browser solche faxen machen (ausser meinen lieben Opera *tätschel*).

Aber danke euch beiden, habt mir sehr geholfen.