Hola! Hacia tiempo que no me pasaba por aquí, pero es que me ha pasado algo que no entiendo, bueno para que lo veais entrad aquí, hay dos divs(los de las letras de la canción que beberian estar a la par, lo raro es que yo antes de subirlo definitivamente lo tenía en una carpeta de pruebas en la que salía bien...y ahora sale mal :x :?
Descolocacion con los divs...
mm Ami me pasaba algo como eso... lo que hice fue cambiarlo por tablas y ponerles una anchura fija para que ya no se movieran (width) y desde entonces convino divs con tablas... y bueno ami me funciona tal vez lo puedas probar :wink:
enore.
Hola! Hacia tiempo que no me pasaba por aquí, pero es que me ha pasado algo que no entiendo, bueno para que lo veais entrad aquí, hay dos divs(los de las letras de la canción que beberian estar a la par, lo raro es que yo antes de subirlo definitivamente lo tenía en una carpeta de pruebas en la que salía bien...y ahora sale mal
Antes que nada, soy nuevo en el foro, así que aprovecho para presentarme ante todos vosotros. Soy José de Barcelona y encantado de aportar mi granito de arena para ayudarnos entre todos ;) Ya nos iremos leyendo :)
Bueno, referente a tu duda enore, deberíamos ver los estilos <DIV id="Fondo1"> <DIV id="Layerltrs1"> <DIV id="contenido1"> y <DIV id="Layerltrs2">
Así podríamos ayudarte un poquito más.
Saludos
Os pongo la hoja de estilo, pero es que es raro porque como ya os he dicho antes lo tenía subido a otra carpeta y se veía perfectamente...a lo mejor esta asi porque lo he subido sin borrar el resto de archivos de la web que aun esta subida, incluyendo la anterior hoja de estilo(aunque tienen diferentes nombres...), asi que no sé.
Bueno esta es la hoja de estilo que le corresponde:
Bueno esta es la hoja de estilo que le corresponde:
body {background: url("imagenes/fondo.jpg") ;
scrollbar-face-color:#E6DBD9;
scrollbar-highlight-color:#DBC7C4;
scrollbar-shadow-color:#DBC7C4;
scrollbar-3dlight-color:#DBC7C4;
scrollbar-arrow-color:#A99191;
scrollbar-track-color:#A99191;
scrollbar-darkshadow-color:#000000;}
#Global {background: url("objetos/fondo.jpg") ;
width:800px;
background-attachment: scroll;
text-align: center ;}
a:link, a:hover {
color: #A99191;
font-weight: ;
text-decoration: none;
cursor:none;}
#Layer1 {background: url("imagenes/header.jpg") ;
width:750px;
height:320px;
MARGIN: 1px 1px 0px 1px ;
FLOAT: left ;
background-repeat: no-repeat; }
#Fondo1 {background: url("imagenes/fondo12.jpg") ;
width:750px;
MARGIN: 0px 1px 0px 1px ;
FLOAT: left ;}
#Layer2 {background: url("imagenes/div-violeta.jpg") ;
width:180px;
margin:5px 0px 5px 5px ;
FLOAT: left ;}
#titular {width:180px;
height:20px;
margin:0px 0px 0px 0px ;
FLOAT: left ;}
#contenido {width:178px;
font-size: 9px;
font-family: Trebuchet MS;
text-transform: ;
font-weight: normal;
letter-spacing:0px;
text-align: center;
padding-right: 1px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
border-top:#E5DBD2 solid 1px;
margin:0px 0px 0px 0px ;
FLOAT: left ;}
#titular1 {width:540px;
height:20px;
margin:0px 0px 0px 0px ;
FLOAT: right;}
#contenido1 {width:538px;
font-size: 9px;
font-family: Trebuchet MS;
text-transform: ;
font-weight: normal;
letter-spacing:0px;
text-align: center;
padding-right: 1px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
border-top:#A99191 solid 1px;
margin:0px 0px 1px 0px ;
FLOAT: left ;}
#fotobio {width:150px;
height:200px;
margin:0px 0px 0px 0px ;
FLOAT: left;}
#contenidobio {width:384px;
font-size: 9px;
font-family: Trebuchet MS;
text-transform: ;
font-weight: normal;
letter-spacing:0px;
text-align: center;
padding-right: 1px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
margin:0px 0px 0px 0px ;
FLOAT: right;}
#Layer3 {background: url("imagenes/div-violeta.jpg") ;
width:540px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 0px ;
FLOAT: right;}
#Layer4 {background: url("imagenes/layer4.jpg") ;
width:750px;
height:30px;
MARGIN: 0px 0px 0px 0px ;
FLOAT: left ;
font-size: 9px;
font-family: Trebuchet MS;}
#Layer5 {background: url("imagenes/div-violeta.jpg") ;
width:365px;
BORDER: #756464 1px solid ;
margin:5px 1px 5px 3px ;
FLOAT: left;}
#Layer6 {background: url("imagenes/div-violeta.jpg") ;
width:365px;
BORDER: #756464 1px solid ;
margin:5px 3px 5px 0px ;
FLOAT: right;}
#titular2 {width:365px;
height:20px;
margin:0px 0px 0px 0px ;
FLOAT: right;}
#contenido2 {width:365px;
font-size: 9px;
font-family: Trebuchet MS;
text-transform: ;
font-weight: normal;
letter-spacing:0px;
text-align: center;
padding-right: 1px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
border-top:#A99191 solid 1px;
margin:0px 0px 1px 0px ;
FLOAT: left ;}
#Layerltrs1 {background: url("imagenes/div-violeta.jpg") ;
width:364px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 5px ;
FLOAT: left;}
#Layerltrs2 {background: url("imagenes/div-violeta.jpg") ;
width:364px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 0px ;
FLOAT: right;}
#Layerbajo {background: url("imagenes/div-violeta.jpg") ;
width:738px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 5px ;
FLOAT: left;}Hola enore.
Veamos, fíjate en tus dos variables:
#Layerltrs1 {background: url("imagenes/div-violeta.jpg") ;
width:364px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 5px ;
FLOAT: left;}
#Layerltrs2 {background: url("imagenes/div-violeta.jpg") ;
width:364px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 0px ;
FLOAT: right;}
Sencillamente prueba ponerles width:363px a los dos, mmm y si aún así no te sale pon width:362px.
El problema es que sumando los margenes y demás, supera los 750px de width que tienes en Fondo1.
Verás como te quedará igualmente bien centrado.
Cuéntanos si lo has arreglado.
Saludos :)
Veamos, fíjate en tus dos variables:
#Layerltrs1 {background: url("imagenes/div-violeta.jpg") ;
width:364px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 5px ;
FLOAT: left;}
#Layerltrs2 {background: url("imagenes/div-violeta.jpg") ;
width:364px;
BORDER: #756464 1px solid ;
margin:5px 5px 5px 0px ;
FLOAT: right;}
Sencillamente prueba ponerles width:363px a los dos, mmm y si aún así no te sale pon width:362px.
El problema es que sumando los margenes y demás, supera los 750px de width que tienes en Fondo1.
Verás como te quedará igualmente bien centrado.
Cuéntanos si lo has arreglado.
Saludos :)
Si ya esta muchisimas gracias :wink: :)
Nada enore, para eso estamos. A mandar! ;)
Saludos y hasta la próxima.
Saludos y hasta la próxima.