IE 6 CSS Problem

[minos5000]

Hi,

ich habe folgende HTML Code


<div style="width: 1024px; height: 65px; background-color: #CBD3E2">
<img width="120" height="60"
align="left"
style="margin-left: 2px; margin-bottom: 1px; margin-top: 2px; background-color: red"
alt="" />
<span id="text3" class="outputText"
style="float: left; font-family: Arial; font-weight: bold; font-size: 14pt; margin-left: 50px; margin-top: 10px;">Template</span>
<span id="link1" class="requestLink"
style="float: right; font-size: 9pt; margin-top: 47px; margin-left: 20px;">Abmelden
</span>
<span id="format1" class="outputFormat"
style="float: right; font-family: Arial; font-size: 9pt; margin-top: 47px;">
Sachbearbeiter/Autor: null
</span>
</div>
<br>
<br>
<br>
<div style="width: 1024px; height: 65px; background-color: rgb(203, 211, 226); display: block;">
<img width="120" height="60" align="left" style="margin-left: 2px; margin-bottom: 1px; margin-top: 2px; background-color: red"/>
<span style="float: left; font-family: Arial; font-weight: bold; font-size: 14pt; margin-left: 50px; margin-top: 10px;">Template</span>
<a class="requestLink" style="float: right; font-size: 9pt; margin-top: 47px; margin-left: 20px;" href="">
<span style="float: right; font-family: Arial;">Abmelden</span>
</a>
<span style="float: right; font-family: Arial; font-size: 9pt; margin-top: 47px;">Sachbearbeiter/Autor: null</span>
</div>


der diese Darstellung im IE6 produziert:

http://img21.imageshack.us/img21/1025/ie6css.png

Was ich nicht verstehe ist, dass das Element mit "Sachbearbeiter/..." in eine neue Zeile rutscht und nicht wie bei der oberen Darstellung ohne <a>-Tag in der gleichen Zeile bleibt. Im Firefox (wen wunderts) wird alles in einer Zeile dargestellt.

Wie erreiche ich diese Darstellung auch im IE6?


Ciao
Minos

[türkenpower-]

wie wäre es mit der aktuellen version wie etwa 8.0 ?

[minos5000]

Freiwillig schlag ich mich damit nicht herum. 6er ist vorgegeben.

[Gast]

Freiwillig schlag ich mich damit nicht herum. 6er ist vorgegeben.
Wer oder was gibt denn bitte sowas vor?
Da kannst du ja gleich für IE3 auf Win3.11 entwickeln...

[ezzemm]

Daß du jedes Element mit "style" versiehst, ist nicht so toll. Sowohl von der Übersichtlichkeit als auch vom Programmierstil. Ich würde dir raten Klassen zu verwenden. Dann erfasse ich vielleicht auch, was genau du da gemacht hast ^^

Prinzipiell gehe ich davon aus daß du über das fehlerhafte Boxmodell des IE6 gestolpert bist:
http://de.selfhtml.org/css/formate/box_modell.htm

[minos5000]

@Gast
6er ist Vorgabe vom Kunden. Wenn du wüsstest wieviele Firmen noch mit Win2000 und IE6 unterwegs sind .....

@ezzemm
Das Boxmodell werde ich mir heute mal ansehen. Normalerweise verwende ich schon Klassen, aber hier wollte ich nur schnell ein Beispiel zusammenschustern, das das Problem verdeutlicht.

[minos5000]

Habe das Problem jetzt lösen konnte. Hat geholfen die beiden Textelemente noch einmal in <div> mit float: right zu verpacken. Das "Abmelden" element bekam dann auch noch ein float: right und voilà.

[mbee]

Wer oder was gibt denn bitte sowas vor?
Da kannst du ja gleich für IE3 auf Win3.11 entwickeln...
Wenn man keine Ahnung hat, einfach mal den Rand halten anstatt herumzuproleten...
Der IE 6 hat im Unternehmensbereich immer noch einen Anteil von über 20% und kann deshalb bei vielen Projekten (noch) nicht ignoriert werden.

Prinzipiell gehe ich davon aus daß du über das fehlerhafte Boxmodell des IE6 gestolpert bist:
http://de.selfhtml.org/css/formate/box_modell.htm
So ist es: Sobald das Layout komplexer wird, könntest Du deshalb auch gezwungen sein, auf Conditional Comments zurückzugreifen, wenn Du nicht mit separaten CSS-Dateien arbeiten möchtest und möglichst viele Browser unterstützt werden sollen.

[Gast]

Der IE 6 hat im Unternehmensbereich immer noch einen Anteil von über 20% und kann deshalb bei vielen Projekten (noch) nicht ignoriert werden.
Ich bin mir sicher, dass es auch noch einige Unternehmen gibt, die dämlich genug sind Win3.11 für irgendeinen sinnlosen Blödsinn einzusetzen. Wer sich sowas antut ist schlicht und einfach selber schuld.

[darph]

Nicht jeder ist in der glücklichen, finanziellen Situation, sich seine Kunden nach solchen Kriterien aussuchen zu können.

[mbee]

Ich bin mir sicher, dass es auch noch einige Unternehmen gibt, die dämlich genug sind Win3.11 für irgendeinen sinnlosen Blödsinn einzusetzen. Wer sich sowas antut ist schlicht und einfach selber schuld.
Wer so argumentiert, hört sich nach unprofessionellem "Seitenklopper" an: Kein größeres Unternehmen kann es sich leisten, bei 20% potentieller Kunden einen schlechten Eindruck zu machen oder gar auf diese zu verzichten, gerade im B2B-Bereich...
Deshalb ist der Support für IE 6 auch in den meisten Lastenheften schlichtweg noch ein "must" und kein "nice to have"...
Zudem hinkt der Vergleich, was das fett markierte angeht, gewaltig: Es gibt noch genug große Unternehmen und auch Konzerne, bei denen der IE 6 für alle Mitarbeiter "Pflicht" ist, d.h. auch selbst gar keine Alternative installiert werden kann. Das ist dann schlichtweg der einzig verfügbare Browser am Arbeitsplatz.

[Coda]

Kann ich bestätigen. Daimler hat z.B. bis heute komplett IE6 ausgerollt.

Das wird sich wohl auch erstmal so schnell nicht ändern, weil sie Win 7 nach der Wirtschaftskriese jetzt wohl auch erstmal auf Eis gelegt haben. Echt traurig.