• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text Mittig in der Breite setzten

Assassins

Neues Mitglied
Hallo Communty, ich habe eine kleine Box via CSS erstellt:
HTML:
#statusa{ 
    font: bold 12px/16px arial, helvetica, sans-serif;
    display: block; 
    overflow: auto;
    width: 312px;
    height: 156px;
    border-width: 1px; 
    border-style: groove;
    border-color: #ccc #888 #555 #bbb;
    margin: 0; 
    padding: 0;
    text-align: left;
    color: #636363; 
    background: #efefef; 
    text-decoration: none;
}
Die Box hat ja eine feste größe. Und in der Box kommt ein Text mittels PHP und TXT:
HTML:
<div id="statusa">
<?php
readfile("new.txt");
?>
</div>
So, jetzt sieht es aber nun nicht gerade schön aus, wenn ich nur ein Satz in dieser Riesiegn Box habe. Deshalb würde ich gerne, dass der Text Mittig von der Breite ist. Also nicht align=center. Ich habe es mal mit
HTML:
display:inline;
versucht, der Text wird auch Mittig angezeigt, aber leider verschindet dann meine Box.

Ich hoffe ihr habt eine Lösung..

Mfg
Tobi
 
Werbung:
Code:
text-align: left;

ändern in

Code:
text-align: center;

Wenn ich das richtig verstanden habe ..
 
Sry, aber leider nicht. Damit setzte ich ja den Text Zentriert in der höhe..
Also so
Ich würde aber gerne den Text Mittig in der Box von der Breite haben..

Bsp:
bsp. box.PNG
 
Werbung:
Nein Assassins, threadi hatte da schon Recht! Mit text-align center setzt du den Text horizontal in die MItte, also in der Breite wirds dann mittig dargestellt.
 
ups... Ich meine Höhe. Tut mir leid.

Also in der Mitte von der Box soll der Text anfangen. Das geht ja mit display:inline;. Aber irgendwie verschwindet dadurch die Box..
 
Höhe? Geht ganz einfach mit line-height.

Du verwendest für #statusa height: 156px, wenn der Text darin in der Höhe, also vertikal mittig dargestellt werden soll, brauchst du nur die line-height auf die Hälfte der Height setzten, also, bei dir wäre das:

line-height: 78px;
 
Werbung:
naja nicht ganz.. Damit fängt er ja jeden Satz anfang bei 78px an. Habe ich ja jetzt mal ein längeren Text, der in der Box ist, soll er diesen ja auch ausfüllen.. Sry, dass ich alles so "schön" erkläre ;-) Ich würde euch ja gerne es online zeigen, aber mein Server erhält gerade ein Update..

Edit:
ich hab nun erstmal die old Version mit einer table genommen:
<div id="statusa"><blockquote>
<table border="0" height="130">
<tr>
<th><?php
readfile("new.txt");
?>
</th>
</tr>
</table>
</div>
 
Zuletzt bearbeitet:
Zurück
Oben