Foros del Web » Creando para Internet » CSS »

Diseño sin problemas solo en mi PC y Errores en PC Publico

Estas en el tema de Diseño sin problemas solo en mi PC y Errores en PC Publico en el foro de CSS en Foros del Web. Buenos dias, como siempre cada vez que tengo algo no puedo solucionar aunque por mas que me esfuerce recurro a ustedes, y por ello tambien ...
  #1 (permalink)  
Antiguo 11/08/2011, 07:46
Avatar de fido-strike  
Fecha de Ingreso: noviembre-2008
Mensajes: 518
Antigüedad: 8 años, 4 meses
Puntos: 26
Diseño sin problemas solo en mi PC y Errores en PC Publico

Buenos dias, como siempre cada vez que tengo algo no puedo solucionar aunque por mas que me esfuerce recurro a ustedes, y por ello tambien quiero agradecerles siempre.

Bueno el lio que tengo ahora es con el diseño de mi web, tuve que hacer cambios de bloques y por ello resulta lo siguiente.

Es un div que va como cabecero para el titulo de cada pagina, el cual en mi ordenador tanto ahora como en el momento de hacer esta modificacion se ve bien, es decir, centrado y con el contenido de texto dentro. Pero cuando me voy a otro ordenador de un amigo o bien si me voy a un ordenador publico lo que se ve bien en mi ordenador se ve hacia mas a un costado, es mas, este problema es solo en navegadores como IE, Chrome y Opera (al menos en esos que hice la prueba), pero hoy al pasarme a internet publico pude verificar que en Firefox aparte de ese problema tambien hay otro, que es la seccion de links de letras de cada artista, estan fuera del <div> cosa en en IE y los demas no hay ese problema pero si lo del div cabecero.

Para mejor comprension les dejo este par de imagenes:

Este es el div como puede verse esta hacia un costado (captura en ordenador publico), pero este mismo problema no lo tengo en mi propio pc.


Y este es lo de firefox que sale los links fuera del div, hacia un costado, esta justo fuera del bloque. (tambien capturado en ordenador publico)


Si quieren pueden pasarse ustedes mismos para verlo, aunque parece que a otros les va normal y a otros si les presenta el problema ya descrito, pero lo mas seguro es que a la mayoria de mis usuarios les muestra ese problema estetico.

http://music-strike.net/music-heavy-...tem-of-a-down/

Bueno, ahora les dejo la parte del css donde a lo mejor pueda estar el problema.

Código HTML:
#head-conten {
    border-top: #000000 1px solid;
    border-bottom: #000000 1px solid; 
    border-left: #000000 1px solid;   
    border-right: #000000 1px solid;   
    margin: 10px 0px 5px 198px;
    padding: 3px 3px 3px 3px;
    width: 945px;
    height: 48px;
    background: #1C1C1C url(http://music-strike.net/images/img05.gif) repeat;
}
#conten-title {
    float:left;
    width:731px;
}
#conten-title p {
	margin: 0 0 0 0px;
	line-height: normal;
	font-size: 0.9em;
        color: white;
	font-weight: bold;
}
#more-title {
    padding: 5px 0px 0px 0px;
    float:left;
    text-align: right;
    width:213px;
}
O si quieren verlo todo el css aqui les dejo el link:
http://music-strike.net/css/style_music.css

Y lo de la seccion de links salidos del div de letras:
Código HTML:
/* Bloque Contenidos */
#bloque-conten {
	padding: 0px 0px 5px 0px;
        position: relative;
	float: left;
	width: 645x;
}

#bloque-conten .head {
	padding: 0px 0px 0px 0px;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	float: left;
	width: 645px;
	background: #1C1C1C url(http://music-strike.net/images/img05.gif) repeat;
}
#bloque-conten .head h2 {
	float: left;
	color: #AAFF00;
	font-size: 1.5em;
}
#bloque-conten .conten {
	padding: 3px 0px 5px 0px;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	width: 645px;
	background: #1C1C1C;
}
#bloque-conten .more {
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	padding: 5px 5px 5px 5px;
	align: left;
	text-align: right;
	width: 160px;
	background: #1C1C1C url(http://music-strike.net/images/img05.gif) repeat;
}
#bloque-conten .contenido {
	margin: 4px;
	width: 635px;
}
el css es el mismo link anterior.

y la parte del codigo html del head:
Código HTML:
</td> 
</tr> 
</table> 
<div id="head-conten"> 
<div id="conten-title"> 
<p><a href="http://music-strike.net/">Musica</a> &raquo; <a href="http://music-strike.net/music-heavy-metal-rock/">Heavy Metal Pesado</a> &raquo; System Of A Down </p> 
<h2>Musica De System Of A Down</h2> 
</div> 
<div id="more-title"> 
<a href="http://delicious.com/save?v=5&url=http%3A%2F%2Fmusic-strike.net%2Fmusic-heavy-metal-rock%2Fsystem-of-a-down%2F&title=Musica+Online+De+System+Of+A+Down" target="black" title="Compartir en Delicious"><img src="http://music-strike.net/images/icons/iconos_sociales/delicious.png" width="25" height="20"/></a> 
<a href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fmusic-strike.net%2Fmusic-heavy-metal-rock%2Fsystem-of-a-down%2F&t=Musica+Online+De+System+Of+A+Down" target="black" title="Compartir en Facebook"><img src="http://music-strike.net/images/icons/iconos_sociales/facebook.png" width="25" height="20"/></a> 
<a href="http://twitter.com/home?status=Musica+Online+De+System+Of+A+Down - http%3A%2F%2Fmusic-strike.net%2Fmusic-heavy-metal-rock%2Fsystem-of-a-down%2F" target="black" title="Compartir en Twitter"><img src="http://music-strike.net/images/icons/iconos_sociales/twitter.png" width="25" height="20" /></a> 
<a href="http://digg.com/submit?url=http%3A%2F%2Fmusic-strike.net%2Fmusic-heavy-metal-rock%2Fsystem-of-a-down%2F&amp;title=Musica+Online+De+System+Of+A+Down" target="black" title="Compartir en Digg"><img src="http://music-strike.net/images/icons/iconos_sociales/digg.png" width="25" height="20"/></a> 
<a href="http://technorati.com/faves?add=http%3A%2F%2Fmusic-strike.net%2Fmusic-heavy-metal-rock%2Fsystem-of-a-down%2F&title=Musica+Online+De+System+Of+A+Down" target="black" title="Compartir en Technorati"><img src="http://music-strike.net/images/icons/iconos_sociales/tecnoratti.png" width="25" height="20"/></a> 
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fmusic-strike.net%2Fmusic-heavy-metal-rock%2Fsystem-of-a-down%2F&title=Musica+Online+De+System+Of+A+Down" target="black" title="Compartir en Stumbleupon"><img src="http://music-strike.net/images/icons/iconos_sociales/StumbleUpon.png" width="25" height="20"/></a> 
<a href="http://reddit.com/submit?url=http%3A%2F%2Fmusic-strike.net%2Fmusic-heavy-metal-rock%2Fsystem-of-a-down%2F&title=Musica+Online+De+System+Of+A+Down" target="black" title="Compartir en Redit"><img src="http://music-strike.net/images/icons/iconos_sociales/reddit.png" width="25" height="20"/></a> 
</div> 
</div> 
<TABLE width="955" align="center"> 
<tr> 
Y esta es la parte del los links de letras:
Código HTML:
</div></div> 
<br> 
<div class="head"> 
<h2><img src="http://music-strike.net/images/icons/icon_lyrics.png" width="30" height="15"> Letras De System Of A Down</h2> 
</div> 
<div class="conten"> 
<div class="contenido"> 
<table> 
<tr> 
<td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/johnny/' target='black'>Johnny</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/storaged/' target='black'>Storaged</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/the+metro/' target='black'>The Metro</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/sad+statue/' target='black'>Sad Statue</a></td></tr><tr><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/cigaro/' target='black'>Cigaro</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/this+cocaine+makes+me+feel+like+im+on+this+song/' target='black'>This Cocaine Makes Me Feel Like Im On This Song</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/blue/' target='black'>Blue</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/question!/' target='black'>Question!</a></td></tr><tr><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/starlit+eyes/' target='black'>Starlit Eyes</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/revenga/' target='black'>Revenga</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/shame/' target='black'>Shame</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/temper/' target='black'>Temper</a></td></tr><tr><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/marmalade/' target='black'>Marmalade</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/patterns/' target='black'>Patterns</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/dam/' target='black'>Dam</a></td><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/honey/' target='black'>Honey</a></td></tr><tr><td width='25%'><a href='http://lyrics.music-strike.net/system+of+a+down/soldier+side+-+intro/' target='black'>Soldier Side - Intro</a></td></tr> 
</table> 
</div> 
<center> 
<br><font color='orange'>Este artista tiene muy pocas letras musicales, 多por que no subes mas letras musicales?</font> 
<br><b><a href='http://music-strike.net/ser-contenido.php?tipo=letra&artista="'>SUBIR LETRA MUSICAL DE SYSTEM OF A DOWN</a></b> 
</center> 
</div> 
</div> 
Quiero aclarar que a mis años de experiencia aprendiendo por cuenta propia si domino algo mejor es el php, y sobre css solo se lo basico, por ello es que me da estos problemas. por favor si pudieran ayudarme a dar con el mismo problema.

Saludos..
__________________
Directorio Web
Publicar Anuncios Gratis En España

Etiquetas: compatibilidad, diseño, estética, etiquetas, ordenador
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:27.