✔ Suggest-DIV wird nur im Quirks-Mode wie gewünscht angezeigt

Status
Nicht offen für weitere Antworten.
T

Thomas D

Erfahrenes Mitglied
Hallo!

Ich habe ein CSS-Positioning-Problem, das ich mir absolut nicht erklären kann: Wenn ich die Seite im Quirks-Mode lade (also ohne passenden DOCTYPE), dann wird ein Suggest-DIV ganz links oben im Browser angezeigt und die Darstellung eines CSS-Kalenders ist korrekt: http://www.thomasd.info/temp/QuirksMode.jpg

Wenn ich nun einen Doctype einfüge

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

dann wird zwar die Suggest-Box an der gewünschten Stelle angezeigt (unter dem Eingabetextfeld), allerdings ist der Kalender total versaut: http://www.thomasd.info/temp/DoctypeMode.jpg

Meine CSS-Definition des Suggests sieht wie folgt aus:

Code: 
#auswahlliste
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	color: black;
}

Dieses ist wie folgt in HTML eingebettet:

Code: 
<form>
	<fieldset>
		<legend>Card</legend>
		<table border id="tippTbl"></table>
		<div id="auswahlliste"></div>
	</fieldset>
</form>

Ich check' irgendwie nicht, wieso die Positinierung des Suggest-DIVs im HTML 4.01-Mode nicht so klappt wie erwartet und würde mich sehr über Hinweise zum Ausmerzen dieses Problems freuen ...
 
Hi,

vielleicht solltest du mal besser den vollständigen HTML- und CSS-Code posten, damit man einen Einblick gewinnt, wie der Kalender überhaupt strukturiert und formatiert ist, denn ohne diese Komponenten lässt sich derzeit nichts zu den Verschiebungen sagen.

mfg Maik
 
Sorry, dass es so lange gedauert hat, bis ich wieder auf diesen Thread reagiere. Hatte im letzten Monat leider keinen Kopf dafür.

Unter http://www.thomasd.info/tippspiel/tippspiel_FINAL/index.php?cat=ohneDoctype (Username: admin Passwort: abc) ist die Seite zu finden, die Probleme bereitet. Ich habe den Doctype in dieser Version entfernt ==> der Kalender wird falsch angezeigt. Wenn ich den Doctype wieder einfüge (http://www.thomasd.info/tippspiel/tippspiel_FINAL/index.php?cat=erstellen), dann werden die Suggests an der falschen Stelle angezeigt.

Solltest du noch welche Informationen benötigen, so schreib mir bitte. Ich habe keine Ahnung, warum das Hinzufügen des Doctypes bewirkt, dass die Suggest-DIVs an falscher Stelle angezeigt werden :confused: ...

Jeweils getestet mit Firefox 3.
 
Ich habe mir das u.a. im FF 2 + 3 angeschaut.

Und was willst du nun?

Dass der Kalender im "Quirks-Mode" oder im "Standards-Mode" richtig dargestellt wird?

Denn deine aktuellen Screenshots widersprechen sich nun deinem Topic und den eingangs verlinkten Screenshots. :suspekt:

mfg Maik
 
Ich möchte, dass im standardkonformen Modus (also mit dem Doctype) die Suggests an der Stelle der Eingabe (also dem jeweiligen Textfeld) angezeigt werden, wie's im Quirks-Modus funktioniert. In diesen Modus kann (und will) ich allerdings nicht wechseln, da hier der Kalender falsch dargestellt wird. Aus diesem Grund frage ich mich, warum die Suggests MIT Doctype am linken Fensterrand dargestellt werden - das ist das eigentliche Problem.

Sorry, falls ich mich da irgendwie undeutlich ausgedrückt habe.

Inwiefern sich allerdings meine Screenshots widersprechen sollen, ist mir nicht ganz klar - aber egal ...
 
Du musst dann eben das übergeordnete Element relativ positionieren, und darin das "Suggest-DIV" entsprechend absolut positionieren.

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück