Problema repetitivo, repetitivo, repetitivo

[mathias555]

Ok, soy nuevo en el foro, soy nuevo tambien en el diseño web, aun asi ya tengo mi paginita llenita y todo (con algunos hoyos negros) pero tengo un problema realmente extraño, tengo en mi web, en el index.. bueno berifiquen por mi el problema porfavor, llevo semanas en esto, muchas gracias, mi web es: www.games-or-games.com

y la hoja de estilos esta asi:

Código:

* {margin:0px ; padding:0px ; border: 0px ; list-style:none}

body {text-align: center}

#global  {width: 800px ; margin: 20px }

#curva-superior { background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat ; width : 800px ; height : 12px ; overflow : hidden ; padding: 50px 0px 0px 0px }


h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.0em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
h3 {font.size: 0.9em; color:black ; font-weight: none ; text-decoration: none ;     text-align: left}
h5 {font.size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;     text-align: justify}
h4 {font.size: 13px;  color: black; font-weight: none ; text-decoration: underline; text-align: center}
h6 {font.size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;     text-align: left}


ul       { text-align: left}
li       { text-align: left}


a           { color : red ; text-decoration : none  }
a:link      {} 
a:visited   {}
a:hover     { color : blue ; text-decoration : underline }
a:active    { color : blue ; text-decoration : underline }

#cabecera {background-color: white ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: white 1px solid ; height:85px}
     #logotipo   { width:320px ; float: left}
	        #logotipo a         {}
          #logotipo a:link    {}
          #logotipo a:visited {}
          #logotipo a:hover   {background-color: white }
          #logotipo a:active  {}
					
     #publicidad { width:469px ; float: right ; margin-top:25px}
          #publicidad h2 {font.size: 1.2em; color:green ; font-weight: bold ; text-decoration: underline ; text-align: center}

#navegacion { background-image: url(Objetos/barra-menu-superior.png) ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; border-bottom: black 1px solid ; height: 60px; list-style:none}
    #navegacion ul { margin-left: 45px }
          #navegacion li {float:left; margin: 0px 25px 0px 5px ; text-align: center }
					
		#navegacion a           { color : red ; text-decoration : none  ; text-align: center ; display: block}
		#navegacion a:link      {} 
		#navegacion a:visited   {}
		#navegacion a:hover     { color : red ; text-decoration : underline ; text-align: center; display: block ; background-color: #C7C7C7}
		#navegacion a:active    { color : red ; text-decoration : underline ; text-align: center; display: block ; background-color: #A0A0A0}

   

#contenido {background-image: url(Objetos/contenido-fondo.png) ; text:align:left; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px}
          #contenido p {padding: 5px 20px 10px 20px ; text-indent: 15px }
        
				  #contenido h2 {padding: 5px 18px 10px 18px}
				    	#cont1 { float: left  ; padding : 0px 0px 40px 0px ; border-right: black 1px solid }
	  				    #cont2 { float: left  ; border-right: yellow 3px solid}
    		#contenido3 {  float: left ; padding : 10px 0px 10px 0px }     
			#contenido4 {  float: right ;width: 670px  }  
		    	 #contenido4 h3 {text align: left}
   			 #contenido5 { float: left  ; background-image: url(Objetos/contenido-fondo.png)}

	
	#conte1 { background-image: url(Objetos/contenido-fondo.png) ; text-align:justify; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px ; height: 300px}
	 
		#contizqgiant {float: left ; width: 150px ;  border-right: black 1px solid} 
		
		        #contizqgiant a           { color : black ; text-decoration : none  ; background-color:#D9D9D9  ; font-size:9px ; display:block}
				#contizqgiant a:link      {} 
				#contizqgiant a:visited   {}
				#contizqgiant a:hover     { color : gray ; text-decoration : none ; background-color:#FFFFFF ; font-size:9px; display:block}
				#contizqgiant a:active    { color : silver ; text-decoration : none ; background-color:#CAFFFF ; font-size:9px; display:block}
				
		#contizq1 {border-bottom: black 1px solid; float: left }
	
		
#contcentral {float: left ; width: 498px ; text-align: justify }
    						 #contcentral p {text-align: justify ; margin: 5px 10px 5px 10px}
		
		#contdergiant {float: left ; width: 150px ;  border-left: black 1px solid }
				#contdergiant a           { color : black ; text-decoration : none  ; background-color:#D9D9D9  ; font-size:9px ; display:block}
				#contdergiant a:link      {} 
				#contdergiant a:visited   {}
				#contdergiant a:hover     { color : gray ; text-decoration : none ; background-color:#FFFFFF ; font-size:9px; display:block}
				#contdergiant a:active    { color : silver ; text-decoration : none ; background-color:#CAFFFF ; font-size:9px; display:block}

							
		#contder1 {border-bottom: black 1px solid; float: right }
	
		

#menu {width: 150px ; float:right ; margin: 20px 0px 0px 10px ; background-image: url(Objetos/menu-parte-inferior-1.bmp); background-position: bottom ; padding-bottom:5px } 
    				#menu h4 {text-decoration : none ; font-size : 1.0em ; text-decoration: underline ; background-image :url(Objetos/menu-curva-superior-1.bmp) ; padding-top: 10px} 
			#menu ul {text-align: center}
			#menu li {text-align: center ; list-style:none ; margin: 10px 20px ; border-left: blue 8px solid ; border-bottom: blue 3px solid }


#noticia-grande {border-bottom: black 2px}
#noticia-grande h1 { font-size:16px}

#noticia-peq {}
#noticia-peq h1 {font-size:14px}




#curva-inferior { background-image: url(Objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width : 800px ; height : 12px ; overflow : hidden ; margin-left : 0px 0px 100px 0px}





body       { background-color: #E6E6FA ;
             background-image: url(Objetos/fondo-gog.jpg) }
            
img {border-style: none}

.centrado  { text-align:center  }
.left  {text-align:left}













#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px }

#pie li  {text-align: center; list-style: none ; font-size: 12px }
#pie p   { padding: 5px 25px 10px 25px }

#pieuno  { float:left ; width:150px }
#piedos  {background-color: white ; float:left ; width:498px }
#pietres { float:left ; width:150px }

#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:blue ; font-size: 14px ; text-decoration:underline ; background-color: white ; font-weight: bold }
#pie a:active  {color:blue}



#menu a         { color : red ; text-decoration : none  ; display: block}
#menu a:link    {} 
#menu a:visited {}
#menu a:hover   { color : red ; text-decoration : underline ; background-color : silver ; display: block}
#menu a:active  { color : red ; text-decoration : underline ; background-color : silver ; display: block}

p {text-align : justify}

pre {text-align : center}

El problema esta en la columna izquierda, nose porque pero se repiten unas palabras.

adios y gracias

PD: lo se lose se descuadra en firefox

[kseso?]

Hola Mathias.
Bienvenido a ForosdW
¿qué palabras se repiten a la izquierda? No las veo

¿Me permites unas sugerencias?.
saca la música o pon un botón para apagarla, BIEN visible. Es una mala práctica. Y quizás fuese bueno que pusieses otro fondo menos molesto.

Te pongo una captura de pantalla tanto de ie7 como ff3 para que veas cómo se ve.

Creo que tienes bastante curro por delante,
Comienza por centrar la página, coloca al primer div "margin: 0 auto;"
Ayúdate con estas dos guías de Mikmoro (un capo del html y css)
pequeña guía de migración a XHTML+CSS
Guía de Migración a XHTML+CSS - Parte II

Vete mirando una a una las cosas que te fallan, y si no encuentras la solución no dudes en pasarte por aquí.

Un saludo

Disculpa un poco el tono condescendiente, pero vi que dices en la página que tienes 12 años.

[mathias555]

Iniciado por kseso?

Hola Mathias.
Bienvenido a ForosdW
¿qué palabras se repiten a la izquierda? No las veo

Si pones para que se vean los botones flash se repiten unas letras de la ULTIMA palabra de la COLUMNA IZQUIERDA

¿Me permites unas sugerencias?.
saca la música o pon un botón para apagarla, BIEN visible. Es una mala práctica. Y quizás fuese bueno que pusieses otro fondo menos molesto.

Tal vez no hallas visto el boton para apagarla de ABAJO, en cuanto al fondo, lo que pasa es que el fondo de la capa contenido no le da la gana de aparecer (no se porque), si me pueddes ayudar con eso te lo agradeceria mucho, gracias y FELIZ 2009
!!!

[kseso?]

Bueno Mathias
La capa contenido no pone el fondo porque no existe en el html de la página.
Sólamente tienes un comentario indicando que termina, pero se te ha perdido.

Y si miras la captura de pantalla que te coloqué, verás que tal botón no aparece, por eso te lo comentaba.

Y el flash creo tenerlo activado, al menos así me lo indica web developed.

Un saludo

[mathias555]

Iniciado por kseso?

La capa contenido no pone el fondo porque no existe en el html de la página.

Me referia a la capa donde esta el contenido, osea la capa cont1, no se porque no aparece el fondo

[kseso?]

Creo que ya me estoy cansando de buscar y no encontrar, algo que tambien puedes hacer tú si utilizas cualquier herramienta como Firefox+Web developer o firebug

En esl css tienes:

#cont1 {
border-right:1px solid black;
float:left;
padding:0 0 40px;
}

y el html

<div id="conte1">

Revisa detenidamente tu código.

[mathias555]

Me referia a este, no al "cont1", sino al "conte1"

#conte1 { background-image: url(Objetos/contenido-fondo.png) ; text-align:justify; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px ; height: 300px}

ayuda!!! S.O.S!!