Text verschieben in einem Box/Quadrat

[imac]

Hallo Jungs

Ich habe einen problem

Wie kann ich den Satz: Neuigkeiten nach rechts oder in der Mitte stellen??

Hier meine Code, habe alles probiert aber ich kriege es einfach nicht hin, bin seit 3 Stunden am probieren, ist vielleicht einfach aber ich komme nicht weiter.

<div id="news1"> <p>Neuigkeiten:</p>
</div>

.css

div#news1{
position:absolute;
margin-top:-210px;
margin-left:400px;
position:relative;
background-color:#399;
width:300px;
height:160px;
text-decoration:none;
font-family:"Time New Roman ITD...;
font-weight:100;
border-radius:20px;
}

habe noch so probiert:


.css

news1{
padding-left:70px;
position:absolute;
}

und noch was, was ich probiert habe in .css

marquee{
margin-top:20px;
backgrond-color:#93C;
font-size:32px;
font-family:times ITD ...;
}

Danke.

 

[threadi]

Wieso nicht mit

#news1 p { text-align: right; }

Absolute wie relative Positionierung brauchst Du hierfür eigentlich gar nicht. Außerdem würde ich behaupten, dass das <p> für "Neuigkeiten" falsch ist. Sollte es aus semantischer Sicht nicht eher ein <h1>...<h6> sein?

 

[imac]

Hallo threadi und danke.

Das habe ich probiert, aber dann wird der Text ganz rechts erscheinen. Ich will mein Text ein paar px von links nach rechts verschieben.

EDIT:

Jetzt habe ich es endlich gefunden:

text-indent:20px;

 

[Banana_Jones]

eigentlich wäre padding hier die richtige Eigenschaft, da "text-indent" sich nur auf die erste Text-Zeile bezieht.

 

[imac]

Aber ledier funktioniert es nicht mit padding ...

text-padding:60px;

oder wie meinst du es ?

EDIT:

Ich muss es noch einfach dazu fragen:

Was ist die optimale Seitengrösse`?

Ich habe bis jetzt eine Seite mit meinem MacBook pro 13" erstellt, im Safari/Firefox alles tip top, danach wollte ich es auf meinem iMac 21" testen ebenfalls mit Safari/Firefox. Naja sieht klein aus.

Wie kann ich es machen damit die Seite sich selber anpasst, oder was empfehlt ihr mir?

Mit Macbook (Bearbeitet mit Dreamweaver)

div#container{
margin:auto;
position:relative;
background-color:#F00;
width:800px;
height:700px;
}

Danach mit iMac (Bearbeitet mit Dreamweaver)

div#container{
margin:auto;
position:relative;
background-color:#F00;
width:1024px;
height:728px;
}

Ich habe mir gedacht auch anstatt PX dass ich in % schreiben, aber 100% ist vielleicht fast zu viel?

div#container{
margin:auto;
position:relative;
background-color:#F00;
width:100%;
height:100%;
}

Was ist ok, wie macht ihr es ??

 

[Banana_Jones]

Aber ledier funktioniert es nicht mit padding ...

text-padding:60px;

oder wie meinst du es ?

SELFHTML: Stylesheets / CSS-Eigenschaften / Innenabstand

Zur Seitenbreite:
Am besten wäre eine Seite, die sich in ihrer Breite dem Viewport anpasst (Stichwort "responsive Design"). Für "starre" Websiten hat sich eine Breite von um die 960px eingebürgert.