[XHTML/CSS] Text in die Mitte ?

Stoffi

Well-known member
ID: 189065
L
16 Mai 2006
2.067
87
Hallo

Ich hab folgendes Problem:
Ich hab ein Text denn ich in die Mitte haben will (horizontal net vertikal)
Das sollte sich aber auch an der Bildschirmgrößeanpassen. :mrgreen:

Wie macht man das ??
 
PHP:
RECT rect;
SIZE txtSize;
HDC hDC;
unsigned int TextX,TextY;

hDC=GetDC(hWnd);
GetClientRect(hWnd,&rect);
GetTextExtentPoint32(hDC,lpString,strlen(lpString),&txtSize);
TextX=(rect.right-txtSize.cx)/2;
TextY=(rect.bottom-txtSize.cy)/2;
ReleaseDC(hWnd,hDC);
 
HTML:
<html>
<head>
<style>
body {
  margin: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%">
  <tr>
    <td valign="middle">
    <div style="text-align: center;">Mitte</div>
    </div>
    </td>
  </tr>
</table>
</body>
</html>

Voilà.
 
nein keine tabelle....

so hier sieht mein code aus:
HTML:
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Newsletter-Online.de.vu</title>
<link rel="stylesheet" href="2col_leftNav.css" type="text/css" />
</head>
<body>
<div id="masthead">
  <h1 id="siteName"></h1>
  <div id="globalNav"> <a href="#">hjke</a> | <a href="#">ghjj</a> | <a href="#">Wjlkg</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> </div>
</div>
<div id="content">
 <h3>Ne</h3>
    <p>
Was ist das hier?

	</p>
  </div>
</div>
<div id="siteInfo"><a href="#">kj</a> | <a href="#">jkl</a> | ©2003 Company Name </div>
<br />
</body>
</html>

Und das: Was is das.... will ich in die mitte haben... aber dadrüber noch was anderes machen...

Also wie macht man das am besten ??
Ohne Tabelle :mrgreen:
 
Syntax für Thread-Titel einhalten, passenden Titel formulieren
Beim Erstellen eines Threads muss in eckigen Klammern die Sprache, in der das Problem vorkommt, im Titel angegeben werden.
Dass mein C++-Code da ignoriert wird, is klar :evil:

@XHTML-Topic:
Probier diesen Ansatz:
Code:
div {
  width: 800px; height: 600px;
  position: absolute;
  margin-left: -400px; margin-top: -300px;
  top: 50%; left: 50%;
}
Der is zwar, um alles in die Mitte zu bringen, aber so ähnlich dürftest du auch zum Ziel kommen.