Positionierung gelingt nicht unter Opera

[Eddie]

Hallo allerseits,

unter http://www.umdiewelt.de/copyright.htm findet ihr einen Copyright-Vermerk, bei dem ich es einfach nicht schaffe, ihn korrekt zu positionieren.
Unter IE ist es kein Problem: die Box erscheint korrekt auf der linken Seite des Bildschirms. Unter Opera hingegen wird (korrekterweise) die Breite tatsaechlich mit 10px interpretiert, die ganze Box aber links dargestellt.
Ich waere Euch dankbar fuer Denkanstoesse:

• wie kann ich die Breite so festlegen, dass sie sich dem Inhalt anpasst (wie das beim IE gerade der Fall ist)?
• wie ueberrede ich Opera, das Teil rechts zu positionieren?

Mmmh, frueher haette ich sowas mit Tabellen geloest, aber das soll man ja nicht mehr ... :-(

Das Original der Copyright-Box gibt's übrigens z.B. unter http://www.umdiewelt.de/travelogue.php?m=p&t=101&c=0.

Danke für eure Hilfe,
Eddie

[MudGuard]

Hi,

Hallo allerseits,

unter http://www.umdiewelt.de/copyright.htm findet ihr einen Copyright-Vermerk, bei dem ich es einfach nicht schaffe, ihn korrekt zu positionieren.
Unter IE ist es kein Problem: die Box erscheint korrekt auf der linken Seite des Bildschirms. Unter Opera hingegen wird (korrekterweise) die Breite tatsaechlich mit 10px interpretiert, die ganze Box aber links dargestellt.

Hm. Im IE ist links di korrekte Position, im Opera nicht?

<div style="text-align:right; margin-right:20px;">
    <p style="font-size:0.8em; text-align:left; width:10px; white-space:nowrap; border:1px solid #AFB7CF; background-color:#FFE89F; padding:0.07em;">
    [diverser Text]
    </p>
</div>

Du gibst 10px Breite vor, wunderst Dich aber, daß das nur 10px breit dargestellt wird (zumindest der Hintergrund)?
Wenn Du es breiter haben willst, mach es breiter.

Ich seh hier auch keinerlei Code, der dafür sorgen könnte, daß der Absatz am rechten Rand wäre.

Das text-align im div ist wirkungslos, da sich im div keine inline-Elemente befinden (zumindest nicht als direkte Kinder).
Daß der IE das blocklevel-Element p rechts ausrichtet, ist ein Fehler des IE.

Gib dem div etwas, daß es nach rechts ausrichtet: margin-left:auto;

cu,
Andreas

[Shaddai]

Hi,

• wie kann ich die Breite so festlegen, dass sie sich dem Inhalt anpasst (wie das beim IE gerade der Fall ist)?

Frage am Rande: Was soll die Angabe von 10px?
Sei's drum, wenn sich eine Box dem Inhalt anpassen soll, machst Du halt gar keine Angaben zur Breite. Oder Du triffst eine passende Angabe in "em", denn eine "width"-Angabe braucht es für "float" und zumindest Opera (bis einschl. Version 6) braucht sie auch für "position" in Kombination mit "right".

• wie ueberrede ich Opera, das Teil rechts zu positionieren?

Du suchst "float". Oder "position".

Mmmh, frueher haette ich sowas mit Tabellen geloest, aber das soll man ja nicht mehr ... :-(

Das stimmt.

Gruß,
Shaddai

[Eddie]

Hallo,

danke für eure Hilfe, mit "float" hat es tatsaechlich funktioniert!!!

Eddie