Bien pués siempre que escribo algo de contenido en páginas (secciones) el diseño en la parte escrita se echa para la derecha y sé que tiene que ver algo con este código, no doy ajustado el problema
Sé que tiene que ver con alguna medida al poner contenido, pero probé y probé y nada.
Es template Css, no me ha dado fallos hasta ahora:
Vista del fallo :
http://tgamex.es.tl/Top.htm
está debajo del recuadro de noticias. (Ya veréis como se nota)
Código: lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
@charset "utf-8";
/* CSS Document */
body {
background: url(http://i48.tinypic.com/5y55ds.jpg) repeat-y center #181619;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #bfbfbf;
}
.left {float: left;}
#container {
width: 1084px;
background: url(http://i47.tinypic.com/1zdw4u1.jpg) no-repeat;
margin: 0px auto;
}
#container #content {
width: 1053px;
margin: 0px auto;
}
#content #banner {
width: 1051px;
height: 284px;
background: url(http://i49.tinypic.com/14uuqvn.jpg) no-repeat bottom;
}
#container #banner #navigation {
width: 1051px;
height: 37px;
background: url(http://i50.tinypic.com/fp1img.jpg) no-repeat;
}
#container #banner #navigation ul {
margin: 0 0 0 9px;
padding: 0;
list-style-type: none;
}
#container #banner #navigation ul li {
height: 37px;
float: left;
}
#container #banner #navigation ul li a#nhome {
width: 113px;
height: 37px;
background: url(http://i50.tinypic.com/qs45e1.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nhome:hover {
width: 113px;
height: 37px;
background: url(http://i50.tinypic.com/qs45e1.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nforums {
width: 112px;
height: 37px;
background: url(http://i50.tinypic.com/10csqwg.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nforums:hover {
width: 112px;
height: 37px;
background: url(http://i50.tinypic.com/10csqwg.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nroster {
width: 112px;
height: 37px;
background: url(http://i46.tinypic.com/156s9aa.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nroster:hover {
width: 112px;
height: 37px;
background: url(http://i46.tinypic.com/156s9aa.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nmatches {
width: 112px;
height: 37px;
background: url(http://i48.tinypic.com/mrzhcn.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nmatches:hover {
width: 112px;
height: 37px;
background: url(http://i48.tinypic.com/mrzhcn.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nleagues {
width: 112px;
height: 37px;
background: url(http://i49.tinypic.com/281hlao.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nleagues:hover {
width: 112px;
height: 37px;
background: url(http://i49.tinypic.com/281hlao.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nmedia {
width: 112px;
height: 37px;
background: url(http://i47.tinypic.com/14xcoea.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nmedia:hover {
width: 112px;
height: 37px;
background: url(http://i47.tinypic.com/14xcoea.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nhistory {
width: 112px;
height: 37px;
background: url(http://i50.tinypic.com/fd56d3.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nhistory:hover {
width: 112px;
height: 37px;
background: url(http://i50.tinypic.com/fd56d3.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#ncontact {
width: 116px;
height: 37px;
background: url(http://i46.tinypic.com/5fmarr.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#ncontact:hover {
width: 116px;
height: 37px;
background: url(http://i46.tinypic.com/5fmarr.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nct {
width: 114px;
height: 37px;
background: url(http://i47.tinypic.com/2mg5smx.jpg) no-repeat bottom;
display: block;
text-decoration: none;
}
#container #banner #navigation ul li a#nct:hover {
width: 114px;
height: 37px;
background: url(http://i47.tinypic.com/2mg5smx.jpg) no-repeat top;
display: block;
text-decoration: none;
}
#container #loginbar {
width: 761px;
height: 29px;
background: url(http://i50.tinypic.com/2gvsqpx.jpg) no-repeat;
color: #629003;
padding: 0 0 0 290px;
}
#container #loginbar a {
color: #629003;
text-decoration: underline;
}
#container #loginbar a:hover {
color: #629003;
text-decoration: none;
}
#container #loginbar .inputp {
float: left;
display: inline;
margin: 0;
padding: 0;
}
.input {
width: 177px;
height: 21px;
background: url(http://i45.tinypic.com/f2n3p2.jpg) no-repeat;
border: none;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 8px 0 0 10px;
}
.submit {
width: 82px;
height: 29px;
background: url(http://i48.tinypic.com/2qcksj9.jpg) no-repeat;
border: none;
}
#container #rostersbar {
width: 1051px;
height: 30px;
background: url(http://i48.tinypic.com/2vt9ws6.jpg) no-repeat;
color: #ffffff;
font-size: 12px;
font-weight: bold;
}
#container #rostersbar #team1 {
width: 159px;
height: 25px;
text-align: center;
padding: 5px 0 0 0;
float: left;
margin: 0;
}
#container #rostersbar #team2 {
width: 535px;
height: 25px;
text-align: center;
padding: 5px 0 0 0;
float: left;
margin: 0;
}
#container #rostersbar #team3 {
width: 357px;
height: 25px;
text-align: center;
padding: 5px 0 0 0;
float: left;
margin: 0;
}
.clear { clear: both; }
#container #rostermembers {
width: 1051px;
height: 112px;
background: url(http://i46.tinypic.com/30wtcnm.jpg) no-repeat;
font-size: 12px;
text-align: center;
}
#container #rostermembers .member {
width: 80px;
height: 107px;
margin: 0px auto;
padding: 5px 5px 0 5px;
}
#container #rostermembers .member span {
height: 22px;
display: block;
}
#container #rostermembers .member img {
padding: 0 0 4px 0;
}
img {
border: none;
}
#container #rostermembers .member2 {
width: 80px;
height: 107px;
margin: 0px auto;
padding: 5px 5px 0 5px;
float: left;
}
#container #rostermembers .member2 span {
height: 22px;
display: block;
}
#container #rostermembers .member2 img {
padding: 0 0 4px 0;
}
img {
border: none;
}
#container #rostermembers a {
color: #659c00;
text-decoration: none;
}
#container #rostermembers a:hover {
color: #659c00;
text-decoration: underline;
}
#container #rostermembers #members1 {
width: 159px;
height: 112px;
float: left;
text-align: center;
}
#container #rostermembers #members2 {
width: 495px;
height: 112px;
float: left;
text-align: center;
padding: 0 0 0 40px;
}
#container #rostermembers #members3 {
width: 317px;
height: 112px;
float: left;
text-align: center;
padding: 0 0 0 40px;
}
#container #content-container {}
#container #left {
width: 246px;
float: left;
margin: 0; padding: 0;
display: inline;
}
#container #left ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#container #left ul li {
width: 236px;
height: 22px;
background: url(http://i46.tinypic.com/6ntdas.jpg) no-repeat;
padding: 6px 0 0 10px;
}
#container #left ul li .teams {
width: 140px;
float: left;
}
#container #left ul li .thread {
width: 172px;
float: left;
}
#container #left ul li .game {
width: 30px;
float: left;
text-align: center;
}
#container #left ul li .green {
color: #090;
width: 55px;
float: left;
text-align: right;
}
#container #left ul li .green a {
color: #090;
text-decoration: none;
}
#container #left ul li .red {
color: #ff0000;
width: 55px;
float: left;
text-align: right;
}
#container #left ul li.viewall {
width: 246px;
height: 33px;
margin: 0; padding: 0;
background: url(http://i50.tinypic.com/neu8gl.jpg) no-repeat;
}
#container #left ul li.viewall a {
display: block;
width: 246px;
height: 33px;
margin: 0; padding: 0;
text-decoration: none;
}
#container #left #latestmatches {
width: 246px;
height: 46px;
background: url(http://i49.tinypic.com/dd19gp.jpg) no-repeat;
margin: 0;
padding: 0;
}
#container #left #latestmedia {
width: 246px;
height: 45px;
background: url(http://i47.tinypic.com/ae18cl.jpg) no-repeat;
margin: 0;
padding: 0;
}
#container #left #latestthreads {
width: 246px;
height: 45px;
background: url(http://i49.tinypic.com/dy9o1z.jpg) no-repeat;
margin: 0;
padding: 0;
}
#container #mid {
width: 559px;
float: left;
margin: 0; padding: 0;
display: inline;
}
#container #mid h1 {
width: 559px;
height: 23px;
background: url(http://i48.tinypic.com/34gn0y0.jpg) no-repeat;
margin: 0;
padding: 0;
color: #ffffff;
font-weight: normal;
font-size: 12px;
}
a {
color: #ffffff;
text-decoration: underline;
}
a:hover {
color: #ffffff;
text-decoration: none;
}
#container #mid h1 .title {
width: 342px;
float: left;
padding: 4px 0 0 8px;
}
#container #mid h1 .date {
width: 201px;
float: left;
padding: 4px 8px 0 0;
text-align: right;
}
#container #mid .news {
width: 529px;
padding: 15px;
color: #ffffff;
font-size: 12px;
background: #000000;
}
#container #right {
width: 246px;
float: left;
background: url(http://i47.tinypic.com/2iux9ua.jpg) repeat-y;
text-align: center;
}
#container #right #sitesearch {
width: 246px;
height: 41px;
background: url(http://i45.tinypic.com/5dl5qh.jpg) no-repeat;
margin: 0;
padding: 0;
}
.sp {
margin: 0 0 1px 1px;
}
.af {
margin: 10px 10px 5px 5px;
}
.search_input {
width: 207px;
height: 25px;
background: url(http://i45.tinypic.com/2j35qia.jpg) no-repeat;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
padding: 10px 0 0 10px;
margin: 15px 0 10px 0;
}
.search_submit {
width: 246px;
height: 34px;
background: url(http://i47.tinypic.com/1z2fuxs.jpg) no-repeat;
border: none;
}
#container #right #sponsors {
width: 246px;
height: 45px;
background: url(http://i49.tinypic.com/2ijroya.jpg) no-repeat;
margin: 0;
padding: 0;
}
#container #right #affiliates {
width: 246px;
height: 45px;
background: url(http://i45.tinypic.com/1zdoxg4.jpg) no-repeat;
margin: 0;
padding: 0;
}
#container #footer {
width: 1051px;
height: 21px;
background: url() no-repeat;
}
