Rahmenbreite an Zeilenbreite orientieren

[logaio]

Hallo Zusammen!

Ich möchte auf meiner Startseite jeden Tag einen schönen Spruch in einem dezenten roten Rahmen stehen haben.
Die Ausgabe mit "rquotes" klappt jetzt im Prinzip, aber der Rahmen hat eine feste Breite und passt manchmal einfach nicht zum Inhalt (Zeilenumbrüche im Gedicht sehen halt doof aus...).

Gibt es keine Möglichkeit, dass sich der Rahmen direkt an der breitesten Zeile orientiert? (Zeilenumbrüche würden dann manuell eingegeben) (also etwa: Zeilenbreite + margin 20px = Rahmenbreite) ?

So ist der Rahmen jetzt definiert:
<div style="margin: 0 auto; width: 100%; padding: 0; border: 2px solid #841418; width: 410px; padding: 7px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;display: block; clear: both;}"> Text </div>

:uhm:

seht ihr unter Startseite

 

[Myhar]

AW: Rahmenbreite an Zeilenbreite orientieren

Ich verstehe nicht ganz, was du haben willst.
Zeilenbreite + margin 20px = Rahmenbreite: Soll das heißen, wenn deine Zeile sagen wir mal 100px breit ist, dass du dann einen Rahmen mit 120px links und rechts haben willst?

 

[kyle66]

AW: Rahmenbreite an Zeilenbreite orientieren

Gib dem Div mal folgendes mit:

display: inline-block; white-space: nowrap; padding: 0 20px;

Das dürfte deinen Wünschen entsprechen.

Beste Grüße
kyle

 

[logaio]

AW: Rahmenbreite an Zeilenbreite orientieren

Hey Danke!
@kyle66: So hatte ich mir das gedacht!
Nur im Opera hängt die Box jetzt leider auf der linken Seite...

Code:
{margin: 0px auto; text-align: center; padding: 0; border: 2px solid #841418; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; clear: both; display: inline-block; white-space: nowrap; padding: 0 20px;}

Hat dafür noch jemand eine Idee?

 

[cebito]

AW: Rahmenbreite an Zeilenbreite orientieren

Schau mal hier rein...

ok, der Link wird wg. einem Wort zensiert, also mit Stern, bitte entfernen...