Zur Navigation

Layout mittig bekommen

1 Luca

Ich habe eine Vorlage im Netz gefunden, die zu dem paßt, was ich machen möchte. Nur weiß ich nicht, wie ich das Layout mittig bekomme. Wo muß ich den Befehl "center" setzen und wie lautet er genau? Muß das in der css-Datei sein oder in der html-Datei.
Der Arbeitslink lautet: http://www.rund-um-ihren-pc.de/oelz/index.html
und die css-Datei sieht folgendermaßen aus:
/* CSS Dokument */

body {
width:760px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#313131;
background:#b8cbbe;
margin:0;
padding:0;
text-align:center;
}

#wrapper {
width:90%;
margin:5px auto;
padding:0;
background: url(pics/leftflex.gif) top left repeat-y; min-width:760px;
}

#wrapper2 {
width:100%;
margin:0;
padding:0;
background: url(pics/rightflex.gif) top right repeat-y;
}

#container3c {
width:100%;
margin:0;
text-align:left;
padding:0;
}

#container3c .header {
width:100%;
margin:0 auto; padding:0;
height:120px;
background:#3a6381;
background-image:url(pics/logo.gif);background-repeat:no-repeat;
}

#container3c .columnL {
width:20%; float:left;
margin:0;
padding:0;
background: url(pics/leftflex.gif) top left repeat-y;
}

#container3c .columnR {
width:20%; float:right;
margin:0;
padding:0;
background:url(pics/rightflex.gif) top right repeat-y;
}

#container3c .content {
width:60%; float:left;
padding:0;
margin:0;
background:#ffffff;
}

#container3c .footer {
clear:both; width:100%;
margin:0;
padding:0;
background:#3a6381;
height:40px;}

/* styles */

h1 {
font-size:130%;
color:#284356;
margin:0;
padding:15px;
}

h2 {
font-size:115%;
color:#284356;
margin:0;
padding:15px;
}

p {
font-size:105%;
color:#990000;
margin:0;
padding:15px; l
ine-height:1.5em;
}

a {
text-decoration: underline;
color:#990000;
cursor:sw-resize;
}

a:hover {
background:#990000; color:#ffffff;
text-decoration:none;
}

ul {
list-style-type:none;
margin:0;
padding-left:25px;
}

li {
list-style-type: circle;
line-height:1.5em;
}

.headline {
font-size:130%;
color:#ffffff;
margin:0;
padding-top:10px;
text-align:center;
}

.bottom {
font-size:100%;
color:#ffffff;
margin:0;
padding-top:5px;
text-align:center;
}

Bitte gebt mir einen Tipp!
Danke,
Luca
Mit Zitat antworten

02.08.2006 18:35

2 Jörg

Hallo Luca,

da der body die Breite des Inhaltscontainers trägt, müsstest du diesen zentrieren. Dieses erreicht man mit dem Wert auto für den horizontalen margin:

body {
width:760px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#313131;
background:#b8cbbe;
margin:0 auto;
padding:0;
text-align:center;
}

02.08.2006 18:51

3 Luca

Hallo Jörg,

Du bist ja super! Es hat geklappt! So eine Kleinigkeit und ich habe den ganzen Nachmittag herumgebastelt...
Muß wohl noch viel lernen!

Danke!
Luca

02.08.2006 18:57

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]