bonaprte: Div mit Text in Div zentrieren

Beitrag lesen

Sers, ich weiß das mein Code nicht gerade korrekt ist, aber für die einfache Darstellung reichts mir, wo ich eine Frage zu hätte, wie zentriere ich einen Div in einem anderen mit meinem Code, wo liegt bei mir der Fehler?

``
<html>
<head>
<title> Über uns </title>
<style type="text/css">

input.groovybutton
{
   font-size:13px;
   font-family:Trebuchet MS,sans-serif;
   width:110px;
   color:#000000;
   background-color:#99CCFF;
   border-style:outset;
   border-color:#FFFFFF;
}
a{
  color: #99CCFF;
}

</style>

<script language="javascript">

function goLite(FRM,BTN)
{
   window.document.forms[FRM].elements[BTN].style.backgroundColor = "#F5E5FF";
}

function goDim(FRM,BTN)
{
   window.document.forms[FRM].elements[BTN].style.backgroundColor = "#EEDDFF";
}

</script>

</head>

<body bgcolor="#454545">
<body text="#99CCFF">

<div style="margin: auto; top:30; left:155; height:1230; width:1040; background-color:black; text-align:center">

<div style="Align: justify; top:50; left:120; height:300; width:500; background-color:#000000; text-align:center">
<div id="Image" style="Align:justify; top:-50; left:-120; width:1040px; height:211px; background-color:darkgrey;

background:url(Logo.jpg); text-align:center">

</div>  

<div id="Navigation" style="align: justify; top:170; left:-100; height:50; width:990; background-color:#000000; padding:25px">
<b>

<form name="groovyform">
<input
   type="button" onclick="window.location.href = 'u.htm'"
   name="groovybtn1"
   class="groovybutton"
   value="Startseite"
   title="">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<form name="groovyform">
<input
   type="button" onclick="window.location.href = 'Über uns.htm'"
   name="groovybtn1"
   class="groovybutton"
   value="Über uns"
   title="">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<form name="groovyform">
<input
   type="button" onclick="window.location.href = 'Termine.htm'"
   name="groovybtn1"
   class="groovybutton"
   value="Termine"
   title="">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<form name="groovyform">
<input
   type="button" onclick="window.location.href = 'Bilder.htm'"
   name="groovybtn1"
   class="groovybutton"
   value="Bilder"
   title="">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<form name="groovyform">
<input
   type="button" onclick="window.location.href = 'Satzung.htm'"
   name="groovybtn1"
   class="groovybutton"
   value="Satzung"
   title="">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<form name="groovyform">
<input
   type="button" onclick="window.location.href = 'Kontakt.htm'"
   name="groovybtn1"
   class="groovybutton"
   value="Kontakt"
   title="">
</form>
</b>
</div>

<div id="Navigation" style="margin:auto; top:270; left:0; height:50; width:800; background-color:#18CC34; padding:25px;">

<h1> Über uns <h1>
<span style="font-size:16px">

TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
</div>

</body>
</html>
``

Gruß