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;
}
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;
}
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> » <a href="http://music-strike.net/music-heavy-metal-rock/">Heavy Metal Pesado</a> » 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&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>
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>
Saludos..
