IE / Div wird falsch angezeigt

[LukasHB]

Hallo,

ich habe folgendes Problem:

Ich gebe in einer Ajaxsuche einen Div mit dem Ergebnissen unter dem Inputfeld aus. Leider wird das Augabediv nur im Firefox richtig angezeigt. Im Internetexplorer ist dieser Div aber verrutscht. Ich habe erst gedacht, dass es an der verschiedenen Darstellung von Forms in Browsern etc. zu tun hat, aber daran liegt es nicht. Das Input Feld wird überall gleich dargestellt. Ist es vielleicht ein IE BUG?

Hier der CSS Ausschnitt:

/* _SEARCH AJAX RESULT */
.ajsresult {background: transparent;}
.ajsresultsel {background: gray;}
.ajsmarkresult
{
font-weight:bold;
}
.ajssuggestfield
{
position: absolute;
top: 41px;
left: 340px;
background: #2c6092;
width: 360px;
}
.ajsinput { width: 360px; }
.ajssuggestfield li
{
list-style-type:none;
margin: 6px 0 6px 6px;
}

Hier noch ein Screenshot zur Veranschaulichung:

http://bugla.biz/bugs/ajsresult.png

Vielen Dank!

Lukas

 

[neuroleptika]

Wird das position:absolute vom Browser-Rand oder vom Elternelement bemessen?

position: absolute;
top: 41px;
left: 340px;

Wenn kein position:absolute; bzw position:relative für ein Elternelement angegeben wurde, wird von der oberen linken Browserecke ausgegangen.
Ist also schwierig was dazu zu sagen.

 

[LukasHB]

Hi, es wird vom browserrand bemessen. Ich habe sonst auf kein Element postion gelegt.

 

[neuroleptika]

Dann spekulierst du mit unbekannten Werten.
Es müssten alle Elemente darüber die Exakt gleiche Höhe in allen Browsern haben. Das ist beinahe unmöglich.
-Alles müsste in px definierte Höhen haben.
-Alle margin, padding und border bestimmt sein.
-font-size in px angegeben werden.
Selbst dann passt es je nach eingestellter Schriftgröße in den meisten Browsern höchtens zufällig.

 

[LukasHB]

Vielen Dank!

Ich schätze ich bin an die Sache falsch rangegangen. Weißt Du oder Jemand anders vielleicht wie man so eine "Ajax Ergebniss Div" am besten löst?

Lieben Gruß

Lukas