Mein MSIE versteht mich nicht :(

[Paul]

Hi!

Mein IE versteht mich nicht! Buhuhu!!! :(... Ich habe also folgenden Div-Bereich:

<div id='edit-status'>
<span class='text'>$currurl</span>
</div>

der wie folgt formatiert ist:

#edit-status { position:absolute; left:5px; right:5px; bottom:5px; height:21px; margin:0px; padding:0px; background:#D6D3CE; border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-bottom:1px solid #333333; border-right:1px solid #333333; }

#edit-status span.text { float:left; margin:2px 1px; padding:1px 2px; font-family:tahoma; font-size:8pt; color:#000000; font-weight:normal; text-decoration:none; border-top:1px solid #333333; border-left:1px solid #333333; border-bottom:1px solid #EEEEEE; border-right:1px solid #EEEEEE; }

Hierbei handelt es sich um eine Art status bar (ganz unten im Bild), die mit Mozilla Firebird korrekt (oder zumindest so, wie ich es wollte) angezeigt wird, nämlich so:

<img src="http://www.antros.de/edit-in-fb.gif" border="0" alt="">

Der MSIE hält sich leider nicht an das right:5px; und schneidet #edit-status einfach dort ab, wo der Inhalt zu Ende ist:

<img src="http://www.antros.de/edit-in-ie.gif" border="0" alt="">

Frage: Ist das bekanntes (Fehl)Verhalten des MSIE, oder hab ich irgentwo was falsch gemacht/übersehen.

Danke schonmal für die Hilfe!
Paul

[Alex]

hi

villeicht kappier ich auch gar nicht was du meinst aber wäre es nicht so zu lösen das du width:100% dazuschreibst??

-Alex

[Paul]

villeicht kappier ich auch gar nicht was du meinst aber wäre es nicht so zu lösen das du width:100% dazuschreibst??

Hi Alex!

Hatte ich auch schon versucht. Klappt auch nicht :(

Gruß

[Alex]

hallo

hast du width:100% in das div oder in das span geschrieben?
es muss im div also im äusseren. sein also bei mir funktioniert das immer

mfg

Alex

[nag]

hi

Der MSIE hält sich leider nicht an das right:5px; und schneidet #edit-status einfach dort ab, wo der Inhalt zu Ende ist:

der IE hält sich an right:5px , aber in einer anderen art und weise.
wenn du fpr dein <div> noch ein <width> definierst, so wird der IE
immer 5px vom rechten rand abstand halten.
Der IE verlängert dein <div> aber nicht automatisch bis 5px vor den rechten Rand.

mfg NAG

[Paul]

Hi!

der IE hält sich an right:5px , aber in einer anderen art und weise.
wenn du fpr dein <div> noch ein <width> definierst, so wird der IE
immer 5px vom rechten rand abstand halten.
Der IE verlängert dein <div> aber nicht automatisch bis 5px vor den rechten Rand.

Wie soll ich das denn machen? Also, einen Tag der <width> heißt gibt es schon mal gar nicht. Und ein width:XYpx geht nicht, da ich ja nicht weis, wie breit der Bildschirm, bzw das Browserfenster ist. width:XYZ% hab ich auch schon probiert, geht aber (im IE) auch nicht.

Klar, man könnte die innerWidth mit javascript auslesen, an das Perlscript schicken, und dann die feste width:XYpx-Breite serverseitig dynamisch einfügen. Dann kann ich das Layout aber nicht mehr mittels css-File ändern (Trennung von Inhalt und Format).

Gruß

[nag]

hi

Also, einen Tag der <width> heißt gibt es schon mal gar nicht.

-> mein fehler ...ich meinte natürlich die css-eigenschaft damit

Und ein width:XYpx geht nicht, da ich ja nicht weis, wie breit der Bildschirm, bzw das Browserfenster ist.

dafür gibt es Prozentangaben

width:XYZ% hab ich auch schon probiert, geht aber (im IE) auch nicht.

ich habs dann auch mal probiert, und im IE funktionierte es, aber im netscape 7 sah es vollkommen anders aus...
es ist also doch nicht ganz so einfach.
ich habe dann noch nen bisschen weiter probiert, und nun einen (hoffentlich richtigen) lösungsansatz gefunden :)

http://www.stud.uni-giessen.de/~su6690/test/div01.html

• der link existiert nur unbestimmt zeit

mfg NAG

[Paul]

Hi NAG!

ich habe dann noch nen bisschen weiter probiert, und nun einen (hoffentlich richtigen) lösungsansatz gefunden :)

http://www.stud.uni-giessen.de/~su6690/test/div01.html

Danke Dir! Hiermit sieht die untere Zeile jetzt identisch in IE und FB aus:

#edit-status-wrap { position:absolute; left:0px; right:0px; bottom:5px; height:21px; width:100%; margin:0px; padding:0px; }

#edit-status { margin:0px 5px 0px 5px; padding:0px; height:21px; background:#D6D3CE; border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-bottom:1px solid #333333; border-right:1px solid #333333; }

#edit-status span.text { float:left; margin:2px 1px; padding:1px 2px; font-family:tahoma; font-size:8pt; color:#000000; font-weight:normal; text-decoration:none; border-top:1px solid #333333; border-left:1px solid #333333; border-bottom:1px solid #EEEEEE; border-right:1px solid #EEEEEE; }

Die Idee mit dem Wrapper war echt gut! So, und nu mach ich mich auf in den Kampf, um die Textarea auf die Richtige Breite und Höhe zu bekommen *seuftz* ;o)

Danke nochmal für Deine Mühe!
Paul

[nag]

Hallo,

Danke Dir! Hiermit sieht die untere Zeile jetzt identisch in IE und FB aus:

ich habe es im IE 6 und Netscape 7 getestet

Danke nochmal für Deine Mühe!

ich habe lediglich den anfang von Stargate verpasst :)

mfg NAG

[Philip]

Hi!

Mein IE versteht mich nicht! Buhuhu!!! :(

Meiner versteht mich auch nicht.

(ist zwar keine Hilfe, vielleicht aber ein kleiner Trost)

[Paul]

Meiner versteht mich auch nicht.
(ist zwar keine Hilfe, vielleicht aber ein kleiner Trost)

Juhuuu! Ich bin nicht allein!! ;)

Hallo und Gruß und so...