• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Nach Positionierung mit CSS funktioniert <center> nicht mehr!

  • Ersteller Ersteller Cryspy
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
C

Cryspy

Guest
Moin,

ich habe eine HTML-Datei mit 2 divs, die mit CSS postioniert habe, aber mit im <div> Inhalt funktioniert jetzt <center> bzw. <text-align="center"> nicht mehr! Woran liegt das?

HTML-Datei:
HTML: 
<html>
<head>
<title>TEST</title>
<link rel="stylesheet" href="style.css">
</head>

<body bgcolor="beige">
<div id="navi">
<center>
<h2>Navigation</h2>
</center>
</div>
<div id="inhalt">
<center>
<h1>Willkommen!</h1>
<center>
</div>
</body>

CSS-Datei
HTML: 
div#navi{
border: 5px ridge silver;
color:white;
background-color:darkred;
position:absolute;
width=100;
height:100%;
}

div#navi a{
color:yellow;
font-weight:bold;
}

div#navi a:hover{
font-style:italic;
}


div#inhalt{
position:absolute;
left:150px;
 
Hmm, versuch mal das da:

HTML:
Code: 
<div id="inhalt>
  <div class="center"><h1>Überschrift</h1></div>
  <p>Weitere Inhalte...</p>
</div>

CSS:
Code: 
/* Inhaltsdiv wie bei dir */

div.center {
text-align: center;
}
 
Das <center> wegnehmen und text-align: center; zu den CSS-Definitionen für "inhalt" hinzufügen bzw. überall wo du es benötigst.

Edit: mist, Maxi war schneller.
 
Nur die Überschriften, und sonst noch ein bissle was, des würde sich dann aber über Klassen oder so regeln lassen wenn das ganze mal wieder funzt.


EDIT:

Hab ne Idee, gehabt. Wenn nix anders geht kann ich ja noch

HTML: 
.center{
position:absolute;
left:muss ich noch rausfinden;
}
machen^^


EDIT 2:

Meine Seite läuft jetzt Amok! Wenn ich folgendes mache:
HTML: 
div#inhalt{
margin-left:50em;
}
Kommt die Navi auch gleich mit! Das is doch....
I need help!
(Brauche schnell Hilfe, sonst werd ich noch verrückt^^)
 
Zuletzt bearbeitet von einem Moderator:
Funktioniert das center bei der Überschrift in der Navigation noch und nur im Inhaltsbereich nicht mehr oder eghts bei beiden nicht mehr?
 
Das is ja grad das verrückte: in der Navi geht <center> noch!

EDIT:

Hat sich erledigt, hab die Navi jetzt mit Positioniert:

HTML:
HTML: 
<html>
<head>
<title>PC&Co.</title>
<link rel="stylesheet" href="style.css">
</head>

<body bgcolor="beige">
<div id="navi">
<center>
<h2>Navigation</h2>
</center>
</div>
<div id="inhalt">
<center><h1>Willkommen</h1></center>
<p>
Sei gegrüßt lieber Besucher! Hier auf der Seite wirst du einiges zum Thema PC & Web
finden (solltest du zumindest).<br>
<br>
Viel Spass auf der Seite wünscht <i>Admin Chrissi</i>!
</p>
</div>
</body>

CSS:
HTML: 
<style type="text/css">
<!--
div#navi{
border: 5px ridge silver;
color:white;
background-color:darkred;
position:absolute;
width=100;
left:10;
height:100%;
}


div#navi a{
color:yellow;
font-weight:bold;
}

div#navi a:hover{
font-style:italic;
}

div#inhalt{
margin-left:110px;
}
//-->
</style>
 
Zuletzt bearbeitet von einem Moderator:
Bei all deinen Beispielen fehlt ein DOCTYPE. Wenn du den angibst würde es vermutlich auch mit den vorher genannten Lösungen funktionieren.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben