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

Titel in die Mitte setzen

B

Bleccer

Neues Mitglied
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^^
 
Zuletzt bearbeitet:
Werbung:
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.
 
ja ein Seitenlink gibt es noch ned daher ichs erstmal auf dem Computer habe...

HTML CODE.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    
    <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>
CSS CODE
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
 
Werbung:
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?
 
ähm bis jetzt schon ich bin gerade am layout also navigationsleiste text und soweiter werd ich dann ohne grafiken machen, die Grafik titel....
Code: 
<div class="content_in">
                <div class="title">
                    <img src="img/titel.jpg" />
                </div>
            </div>
soll der Titel werden ^^
 
Hallo.

Schmiess das div weg, gib deinem Titel ein <h1> und zentriere mit text-align: center;

Gruss
Elroy
 
Werbung:
Bleccer schrieb:
aber ich will die schriftart xD^^ und die hatt ned jeder Pc...^^

aber ok daweil mach ichs mal so...^^
Zum Vergrößern anklicken....

Du sollst deinem Bild ein <h1> 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
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben