Div will nicht Zentriert werden -.-

**Feardotcom** · 27.06.2010 23:33

Hi,
ich möchte einen Div in der mitte des Bildschirmes zentrieren...
sobald ich es intern css schreibe Funktionieren die angaben :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>
<meta name="author" content="Quaese" />

<style type="text/css">

body, html{ height: 100%;}

body{ margin: 0;
      padding: 0;}

.randDiv{
	position: relative;
	width: 500px;
	height: 500px;
         left: 50%;
         margin-left: -250px;
         top: 50%;
         margin-top: -250px;
}

.absDiv{ position: absolute;
         width: 200px;
         left: 50%;
         margin-left: -100px;
         height: 200px;
         top: 50%;
         margin-top: -100px;
         background: #00FF00;}


</style>

</head>
<body>
<div class="randDiv">
    <div class="absDiv">&nbsp;</div>
</div>
</body>
</html>

nur das Problem ist, sobald ich es in einen Externen css Datei anlege funktioniert nichts mehr...
was mich richtig ärgert ist die angabe margin-top in randDiv... wenn ich es marginbottom ändere Funkzt es wieder...
Also nach paar stunde googln und versuche ohne ein Ergebniss, hoffe dass ihr mir helfen könnt.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>
<meta name="author" content="Quaese" />

<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />

</head>
<body>
<div class="randDiv">
    <div class="absDiv"> </div>
</div>
</body>
</html>

Code:

style type="text/css">
  
body, html{ height: 100%;}

body{ margin: 0;
      padding: 0;}

.randDiv{
	position: relative;
	width: 500px;
	height: 500px;
         left: 50%;
         margin-left: -250px;
         top: 50%;
         margin-top: -250px;

}

.absDiv{ position: absolute;
         width: 200px;
         left: 50%;
         margin-left: -100px;
         height: 200px;
         top: 50%;
         margin-top: -100px;
         background: #00FF00;}

  
</style>

PS: ich möchte es verstehen wie es Funktioniert ganz besonders die " - (Minus) angaben", also bitte mit kurzen erklärung / Kommentierung.
Vielen Dank im Voraus

**hero-master** · 27.06.2010 23:48

Guten Abend

vlt. kannst du ja damit etwas anfangen

**Feardotcom** · 28.06.2010 18:13

Zitat von hero-master

Guten Abend

vlt. kannst du ja damit etwas anfangen

Hi Nico,
vielen dank, das war genau was ich gesucht habe...
grüße

zur Startseite vom TP

Thema: Div will nicht Zentriert werden -.-

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Div will nicht Zentriert werden -.-

Ähnliche Themen

Divs bleiben nicht im äußeren & Div wird nicht zentriert...

Bildergalerie / Bilder werden nicht zentriert im IE, Opera und Konqueror

Zentriert die Tabelle oder zentriert sie nicht??

Site kann nicht 100% zentriert werden

"Zentriert" angeklickt, aber zum Schluss doch nicht zentriert

Aktive Benutzer

Aktive Benutzer