Titel in die Mitte setzen

html.de-Forum HTML, XHTML & CSS
1

Hey leute,
ich mache gerade eine Webseite und möchte nun gerne Meine Überschrifft mittig im Container Platzieren… doch sobald ich mit margin: 0 auto; versuche die Überschrifft mittig zu platzieren nimmt es nicht die mitte des Containers sondern die mitte der Webseite.

Vielleicht kann mir da ja jemand helfen… wie ich die mitte des containers nehme/bekomme?

Code schicke ich auf anfrage^^

2

Das kommt drauf an, welchen Quelltext und welche Formatierung verwendest.
Deshalb wäre ein Link zur Seite sinnvoll.
Die Funktionsfähigkeit von margin 0 auto; setzt auch voraus, dass das Element einen width-Wert hat. Der IE braucht ferner einen qualifizierten Doctype.

3

ja ein Seitenlink gibt es noch ned daher ichs erstmal auf dem Computer habe…

HTML CODE.

[CODE]

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Landwirtschafts-simulator</title>
    <link rel="stylesheet" href="style.css" type="text/css" /> 
</head>
<body>
    <!-- HEADER -->
    <div id="header">
        <img src="img/logo.jpg" />
    </div>
    
    <!-- NAVIGATION -->
    <div id="nav">
        <img src="img/nav_bg.jpg" />
    </div>
    
    <!-- CONTENT -->
    <div id="content">
        <!-- SIDEBAR -->
        <div class="sidebar">
        <img src="img/sidebar.jpg" />
        </div>
        <!-- CONTENT_IN -->
        <div class="content_in">
            <div class="title">
                <img src="img/titel.jpg" />
            </div>
        </div>
        
    </div>
</body>

[/CODE]CSS CODE

/* reset */
* {
    padding: 0;
    margin: 0;
}

/* Layout */
    
body {
    background: url(img/bg.gif);
}

#header {
    margin: 0 auto;
    width: 1600px;
}

#nav {
    margin: 0 auto;
    width: 1600px;
    margin-top: -10px;
    border-left: 1px solid black;
}

#content {
    margin: 0 auto;
    width: 1600px;
    height: 600px;
    margin-top: -5px;
    background: #fff;
    border: 1px solid black;
}

.sidebar img {
    height: 600px;
    width: 244px;
    float: left;
}

.content_in {
    width: 1600px;
    height: 600px;
    display: block;
}

.title {
    padding-top: 40px;
    margin: 0 auto;
    width: 376px;
    position: relative;
}

PS: Seite ist in arbeit also nicht wundern kann auch sein das sich ein Fehler eingeschlichen hatt hab jetzt noch ned nach geschaut

4

In welchem Container soll da eine Überschrift sein?
Überschriften werden mit h1 bis h6 ausgezeichnet. Sowas kann ich nicht erkennen.
Du verwendest ausschließlich Grafiken. Ist das so gewollt?

5

ähm bis jetzt schon ich bin gerade am layout also navigationsleiste text und soweiter werd ich dann ohne grafiken machen, die Grafik titel…

<div class="content_in">
                <div class="title">
                    <img src="img/titel.jpg" />
                </div>
            </div>

soll der Titel werden ^^

6

Hallo.

Schmiess das div weg, gib deinem Titel ein

und zentriere mit text-align: center;

Gruss
Elroy

7

aber ich will die schriftart xD^^ und die hatt ned jeder Pc…^^

aber ok daweil mach ichs mal so…^^

8

Du sollst deinem Bild ein

geben.
Du hast gesagt das ist der Titel also zeichne es auch als Titel aus, und vergiss nicht den alt Text.

Was hat die Schriftart damit zu tun?.

Gruss
Elroy

9

aso jetzt versteh ich was du meinst… danke hatt geklappt