1
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
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