Positionieren

html.de-Forum HTML, XHTML & CSS
1

Ich habe ein Problem
Ich habe via CSS einen Bearbeitungsmodus für eine Homepage erstellt, damit besucher sehen können, dass hier gerade gearbeitet wird.
Und zwar, sieht das CSS so aus:

body {
background-image: url(roadback.png);"
background-repeat:repeat;
}

#wartung {
position:absolute;
margin-top: 240px; 
margin-left:25%;
}
#bild {
text-align:center;
padding-top: 100px;
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>HabboRoad :: Wartungsarbeiten!</title>
</head>
<body>
<div id="wartung"><b>Bewerbung an: <a href="mailto:info@habboroad.de">Info@Habboroad.de</a><br>
TS² Server IP: HabboRoad.de <font color="red">(Bald wieder online)</font></div>
<div id="bild"><img src="box_wartung.png"></div>
</body>
</html>

Jetzt möchte ich aber, dass der Text, in der Mitte des Bildschirms ist.
Wenn das Fenster sich verkleiner, soll der Text sich „mitschieben“ das auch umgekehrt.

Danke für eure (noch nicht geschriebenen) Antworten

2

Es funktioniert nicht.
Der Text ist links oben

3

Ich frage mich, weshalb man immer wieder absolute Positionierungen sieht und wo die Leute dies gelernt haben.
Lass die absoluten Positionierungen weg, denn die sind - wie der Name schon sagt „absolut unnötig“.

Elemente positioniert man am besten mit float- und/oder margin-Angaben und horizontal zentrieren tut man so:
Horizontale Zentrierung mit CSS

Wenn’s noch vertikal zentriert sein soll, dann am besten so wie hier in Variante 2: Horizontale und vertikale Zentrierung mit CSS

Absolute Positionierungen sollte man nur dann einsetzen, wenn man sich über deren Bedeutung bewusst ist. Näheres hierzu siehe http://www.ohne-css.gehts-gar.net/0045.php