bonaprte: Div mit Text in Div zentrieren

SELF-Forum

Div mit Text in Div zentrieren

bonaprte
– Informationen zu den Bewertungsregeln

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ß

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Div mit Text in Div zentrieren

    Matthias Apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Om nah hoo pez nyeetz, bonaprte!

    http://suit.rebell.at/artikel/horizontal-und-vertikal-zentrieren-mit-xhtml-und-css

    Matthias

    --
    1/z ist kein Blatt Papier.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Div mit Text in Div zentrieren

    Cheatah
    +4 Informationen zu den Bewertungsregeln

    Hi,

    Sers, ich weiß das mein Code nicht gerade korrekt ist,

    dann ändere das.

    aber für die einfache Darstellung reichts mir,

    Nein - es reicht höchstens für eine aussagelose Darstellung. Wenn Du dem Browser fehlerhaften Code vorsetzt, wirst Du *irgend ein* Verhalten erhalten, aber keines, aus dem Du Rückschlüsse ziehen kannst, die Dir etwas nützen.

    <html>

    Verwende einen DOCTYPE, der den Browser in den Standards-Compliance-Mode versetzt.

    <script language="javascript">

    Validiere Deinen HTML- und Deinen CSS-Code.

    function goLite(FRM,BTN)
    function goDim(FRM,BTN)

    Diese Funktionen werden offenbar nicht verwendet. Ich nehme an, Du möchtest statt dessen ohnehin einfach CSS mit Pseudoklassen wie :hover und :active einsetzen.

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

    In der Fantasy-Welt gibt es gelegentlich Wesen mit mehreren Köpfen. Mehr als einen Körper findet man jedoch selten. Darüber hinaus möchtest Du CSS verwenden, keine veralteten HTML-Attribute.

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

    Die top-, left-, height- und width-Eigenschaften entahlten ungültige Werte. top und left werden zudem ignoriert.

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

    Es gibt in CSS keine align-Eigenschaft.

    <b>

    Nope. Wenn Darstellung, dann CSS.

    <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">

    Wenn Darstellung, dann CSS. HTML ist für die Struktur. Die Struktur an dieser Stelle lautet

    <a href="u.htm">Startseite</a>

    und ist aller Wahrscheinlichkeit nach mit einem <ul> und (pro Link) einem <li> umgeben. Die "&nbsp;" kommen nicht vor.

    <input
       type="button" onclick="window.location.href = 'Über uns.htm'"

    Du möchtest URIs korrekt kodieren, anstatt das dem Browser (und somit teilweise dem Glück) zu überlassen. By the way: Benutzt Du Windows 3.11, oder welchen Grund hat es, dass Du ".htm" anstatt ".html" verwendest?

    <h1> Über uns <h1>

    Die Überschrift ist ein Lichtblick in Deinem Code.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    +4
    Informationen zu den Bewertungsregeln

    1. Div mit Text in Div zentrieren

      MudGuard Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Sers, ich weiß das mein Code nicht gerade korrekt ist,
      dann ändere das.

      Er soll also vergessen, daß sein Code nicht gerade korrekt ist!? ;-)

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      O o ostern ...
      Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln