CSS mittig ausrichten

Computer: Software & Programmierung HTML & CSS
#1

Hallo,
ich weiß, dass diese Frage schon 1000 mal gestellt wurde, aber ich kann mit keiner Lösung etwas anfangen. Ich möchte ganz gerne mittels css eine Internetseite gestalten und diese soll mittig ausgerichtet sein. Bei der Kopf und der Fußzeile ist mir dies gelungen. Der Mittelteil, der aus der Navigationsleiste und dem Inhalt besteht gelingt mir das nicht und ich hab auch keinen Ansatz, wie das gehen soll. Sorry, Ich weiß nicht wie man den Text hier anständig formatieren kann.

CSS-Datei:

div.kopf { border:1px solid silver;
padding:10px;
margin-bottom:10px;
margin: 0 auto;
background-color:#00CCFF;
width: 800px;
}
div.navigation { position: relative;
float:left;
width:70px;
border:1px solid black;
padding:10px;
background-color:silver;
color:white;
height:auto;
margin-top:10px;
}
div.inhalt {
position: relative;
border:1px solid black;
padding:20px;
margin-left:102px;
heigh: auto;
margin-bottom:20px;
width:698px;
margin-top:10px;
}
div.fuss { clear:left;
border:1px solid gray;
padding:10px;
margin-top:10px;
margin: 0 auto;
width: 800px;
}

HTML-Datei:

Seitnkopf

link
link
link

Inhalt

Seitenfuß

Wenn man die Seit startet sieht man was ich meine.
Ich fände es gut, wenn es Vorschläge gibt, nach welchen ich meine Seite hinterher noch erkenne.
Schon mal vielen Dank

#2

Hallo,

was mir auffällt:

Mit dem Internet Explorer geht es, mit dem Firefox nicht…

Für mehr hab ich leider keine Zeit, sorry… :frowning:

#3

es ist aber immer noch links ausgerichtet. trotzdem danke

#4

Hallo 123bernie123,

dazu einfach ein DIV um das komplette machen.

Das kannst Du dann in den CSS-Dateien dann auch extra ausrichten, mit Farbe versehen etc…

Ein kleiner Gedanke von mir.
Bei WebSeiten dann auch gleich drauf achten, dass sie Barrierenfrei sind (zumindest möglichst Barrierenarm).
Das bedeutet zwar bei der Erstellung der WEB-Seite mehr Aufwand, und auch Dinge manchmal etwas anderes zu realisieren, aber es lohnt sich.

  1. Die Suchmaschinen danken es mit einer besseren Platzierung
  2. Besucher der WEB-Seite, die verschiedene Einschränkungen haben können, sind trotzdem in der Lage Deine WEB-Seite zu lesen (oder vorlesen lassen, dafür gibt es Zusatzgeräte für Blinde).
  3. Deine Seite sieht auch professioneller aus
  4. Die Forderungen, die derzeit überwiegend für Regierungs- und öffentliche Seiten besteht, wird wohl auch in den Kommerziellen und privaten Sektor noch kommen. (Stichwort WCAG, BitV2 um mal die EU/De Normen zu erwähnen).

Ich hoffe mit der unten stehenden Info, Dir etwas auf dem Weg geholfen zu haben.

MFG, R.B.

Seitnkopf

link
link
link

Inhalt

Seitenfuß

#5

Danke. Ich hab es hinbekommen!!!

#6

Sorry, da bin ich überfragt…
Hallo,
ich weiß, dass diese Frage schon 1000 mal gestellt wurde, aber
ich kann mit keiner Lösung etwas anfangen. Ich möchte ganz
gerne mittels css eine Internetseite gestalten und diese soll
mittig ausgerichtet sein. Bei der Kopf und der Fußzeile ist
mir dies gelungen. Der Mittelteil, der aus der
Navigationsleiste und dem Inhalt besteht gelingt mir das nicht
und ich hab auch keinen Ansatz, wie das gehen soll. Sorry, Ich
weiß nicht wie man den Text hier anständig formatieren kann.

CSS-Datei:

div.kopf { border:1px solid silver;
padding:10px;
margin-bottom:10px;
margin: 0 auto;
background-color:#00CCFF;
width: 800px;
}
div.navigation { position: relative;
float:left;
width:70px;
border:1px solid black;
padding:10px;
background-color:silver;
color:white;
height:auto;
margin-top:10px;
}
div.inhalt {
position: relative;
border:1px solid black;
padding:20px;
margin-left:102px;
heigh: auto;
margin-bottom:20px;
width:698px;
margin-top:10px;
}
div.fuss { clear:left;
border:1px solid gray;
padding:10px;
margin-top:10px;
margin: 0 auto;
width: 800px;
}

HTML-Datei:

„xhtml11.dtd“>

Seitnkopf

link
link
link

Inhalt

Seitenfuß

Wenn man die Seit startet sieht man was ich meine.
Ich fände es gut, wenn es Vorschläge gibt, nach welchen ich
meine Seite hinterher noch erkenne.
Schon mal vielen Dank

#7

hallo - ich kann dir da leider nicht weiterhelfen. grüsse
kisa