WCM Forum - CSS-Problem: Grafik rechtsbündig im IE

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - CSS-Problem: Grafik rechtsbündig im IE (http://www.wcm.at/forum/showthread.php?t=203077)

rado	07.11.2006 16:03

CSS-Problem: Grafik rechtsbündig im IE

Hallo Leute,

komme mit einem HTML-Problem im IE nicht weiter. Vielleicht kann mir jemand helfen.

Ich habe ein div mit einem farbigen Hintergrund. In das div soll rechtsbündig ein img rein.

Firefox stellt das korrekt dar, der Internet Explorer rückt die Grafik ein Pixel vom rechten Rand nach innen, sodass die Hintergrundfarbe des div sichtbar ist.

Bitte keine Browser-Diskussion . mir ist der FF auch wesentlich lieber...

Zum Testen reduzierter HTML-Code:
<div style="width:500px; background-color: yellow">[img]test.gif[/img]Text</div>

Setzen von border und padding auf 0 bringt auch nichts.

Hat jemand einen Tipp für mich?

Danke
Rado

reemrev

07.11.2006 16:30

Wenn ins "div" etwas rechtsbündig rein soll, dann muss man das auch im "div" reinschreiben, zb "text-align:right". Das float beim img gibt an, dass zb Text das Bild rechts "umfließen" soll.
<div style="width:500px; background-color: yellow; text-align:right;">[img]test.gif[/img]Text</div>

rado	07.11.2006 16:40

Sorry, wenn ich mich da nicht ganz verständlich ausgedrückt habe:

der Text soll linksbündig sein, lediglich die Grafik soll an den rechten Rand.

jak	07.11.2006 19:02

Netter bug.
1. Möglichkeit: Auf IE7 warten (sollte sehr bald kommen) und hoffen das es besser wird.
2. Möglichkeit: Eine style anweisung in einem conditional comment:

Code:

<!--[if gte IE 5.5]>

<![if lt IE 7]>

<style type="text/css">

/*Bugfix fuer IE*/

img.hatbug {

  position: relative;

  left: 1px;

}

</style>

<![endif]>

<![endif]-->

jak

rado	08.11.2006 08:27

@jak

Zitat:

1. Möglichkeit: Auf IE7 warten (sollte sehr bald kommen) und hoffen das es besser wird.

Die Frage ist nur wie schnell sich der verbreitet. Man wird den IE6 doch noch einige Zeit berücksichtigen müssen.

Zitat:

2. Möglichkeit: Eine style anweisung in einem conditional comment:

Funktioniert spitze!

Vielen Dank.
Rado

jak	08.11.2006 17:24

Nachdem der IE7 per automatischem Update verteilt wird ist zu hoffen daß er sich ziemlich schnell verbreiten wird.

jak

Alle Zeitangaben in WEZ +2. Es ist jetzt 14:02 Uhr.