Hallo zusammen, ich habe eine Website die komplett links ausgerichtet ist, somit habe ich rechts total viel Platz und der Hintergrund wiederholt sich sogar schon.
Ich will die Website also mittig ausrichten.
So sieht meine Css-Datei aus:
body{
padding:0px;
margin:0px;
background:url(images/bg.jpg) top repeat-x;
}
table {border-collapse:collapse; border:0px;}
table, td {
width:100%;
height:100%;
border:0px;
}
td { vertical-align:top; padding:0px;}
a:hover{text-decoration:none;}
img { border:0px;}
.m_text, table, li, input, textarea
{
font-family:Tahoma;
font-size:11px;
line-height:14px;
color:#D6E5AC;
}
.mtext strong { color:#EAF1D7}
.mtext a{ color:#D6E5AC; text-decoration:none}
.mtext a:hover{ color:#D6E5AC; text-decoration:underline}
.mtext li a{ color:#D6E5AC; text-decoration:underline}
.mtext li a:hover{ text-decoration:none}
.htext { color:#000000}
.ctext { color:#919D8E}
.ctext a{ color:#919D8E; text-decoration:none}
.ctext a:hover{text-decoration:underline}
.ctext span a{ color:#BD660C; text-decoration:underline}
.c_text span a:hover{text-decoration:none}
.noclass, form, .noclass td
{
width:auto;
height:auto;
margin:0px;
padding:0px;
border:0px;
}
.form{height:25px; margin-top:6px;}
.form input {width:161px; height:22px; border:#FFD802 1px solid; background:#306E1D; padding-left:5px}
textarea {width:210px; height:115px; border:#FFD802 1px solid; background:#306E1D; padding-left:5px; overflow:auto; margin-top:10px}
ul {margin:0; padding:0; list-style:none}
li {background:url(images/a1.gif) no-repeat left center; margin:0px; padding:0px 0px 0px 11px}
li a {font-family:Tahoma; font-size:11px; line-height:18px; color:#EDF5D8}
.ul2 li {background:url(images/a1.gif) no-repeat left center; margin:0px; padding:0px 0px 0px 11px}
.ul2 li a {font-family:Tahoma; font-size:11px; line-height:18px; color:#000000}
Kann mir da jemand helfen?