Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/08/2007, 13:45
Avatar de estibaliz2006
estibaliz2006
 
Fecha de Ingreso: noviembre-2006
Mensajes: 439
Antigüedad: 17 años, 5 meses
Puntos: 1
problema con las posiciones en navegadores

hola a todos. tengo un problema con la visualización de una web según en el navegador que se vea. resulta que en mi pc, en el explorer, la web maquetada se ve así, donde la imagen es un fondo, y luego el texto se maqueta mediante divs. tenemos esta imagen:

http://www.altomp.com/imagenes/web-3.gif

bien. el caso es que si lo veo en otro navegador diferente o en otro pc, me da este resultado:

http://www.altomp.com/imagenes/web-31.gif

o incluso este otro:

http://www.altomp.com/imagenes/web-32.gif

bien. la página index es esta:

Código PHP:
<body style="background-image: url(fondo.jpg); background-color: #470300;background-repeat: no-repeat; background-attachment: fixed; background-position: center">
<
div id="cabecera">
aquí texto
</div
<
div id="enlaces">
aquí enlaces
</div
y la hoja de estilos es esta:
Código PHP:
/************************************Barra***********************************************************/
BODY
{
SCROLLBAR-FACE-COLOR#470300; SCROLLBAR-HIGHLIGHT-COLOR: #FEFDDE; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #FEFDDE; SCROLLBAR-BASE-COLOR: #FFffff; font-color: #ffffff; scrollbar-3d-light-color: #FFFFFF; scrollbar-dark-shadow-color: #FFFFFF
}
/************************************Fuentes***********************************************************/

.text1 {
    
FONT-WEIGHTnormalFONT-SIZE10pxCOLOR:#696969; LINE-HEIGHT: 12px; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}
/************************************divs***********************************************************/
#cabecera
{
padding-top120pxpadding-left405pxFONT-WEIGHTboldFONT-SIZE9pxCOLOR:#FEFDDE; FONT-FAMILY: Verdana; width: 85%; 
}
#enlaces
{
padding-top47pxpadding-left410pxFONT-WEIGHTboldFONT-SIZE10pxFONT-FAMILYVerdanawidth85%; 
}
.
textenlace0
{
COLOR:#FEFDDE; text-decoration: none 
}
.
textenlace0:hover {
{
COLOR:#FFFFFF; text-decoration: underline

qué tengo que hacer para que en cualquier navegador se vea correctamente, es decir, como lo veo yo en mi equipo?

gracias a todos.