Foros del Web » Creando para Internet » CSS »

Problema con posicion absoluta y relativa

Estas en el tema de Problema con posicion absoluta y relativa en el foro de CSS en Foros del Web. Hola, tengo un problema, la cabecera de mi pagina ASP es una tabla la cual muestra la fecha actual que debe ir encima de 2 ...
  #1 (permalink)  
Antiguo 24/09/2008, 16:21
 
Fecha de Ingreso: mayo-2007
Mensajes: 239
Antigüedad: 16 años, 10 meses
Puntos: 0
Problema con posicion absoluta y relativa

Hola, tengo un problema, la cabecera de mi pagina ASP es una tabla la cual muestra la fecha actual que debe ir encima de 2 imagenes, las cuales quisiera ponerlas en relative, pero al ponerlas en relative left 0 no se coloca a la izquierda absoluta, ya que la fecha lo impide, creando 2 columnas, una para la fecha y otra para la imagen de fondo.

¿Como podria hacer para tener una imagen de fondo, que ocupe toda la tabla de cabecera, y dentro de esta imagen meter un campo texto y otra imagen y SOBRE TODO QUE NO VARIE CON LA RESOLUCION, ya que actualmente lo tengo bien pero segun resoluciones.

adjunto mi codigo actual, el cual se descuadra con las diferentes resoluciones, denme alguna solucion por favor, gracias de antemano.

Código PHP:
<table border="0" cellpadding="0" cellspacing="0" style="width:806px;height:100%;background-image:url(...);background-repeat:no-repeat;" align="center" summary="toda la pagina">
<
tr>
    <
td>
    <
table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:100%;background-color:transparent;" summary="Cabecera">
    <
tr>    
        <
td span style="color:#FFFFFF;font-size=18; top:40;"><ul style="margin:0px;padding:0px;"><%= WeekDayName(WeekDay(Actual)) %> <br></span><%= Day(Actual) %></td>
        <
td><div style="position:absolute; top:20; left:230;"><img src="<%=URLRaiz%>images/IMAGEN_CABECERA.gif" border="0" alt=""></div></td>
        <
td><div style="position:absolute; top:50; left:830;"><img src="<%=URLRaiz%>images/IMAGEN_SECUNDARIA.gif" border="0" alt=""></div></td>
        
    </
tr>
    </
table>
    </
td>
</
tr
  #2 (permalink)  
Antiguo 26/09/2008, 01:14
 
Fecha de Ingreso: mayo-2007
Mensajes: 239
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Problema con posicion absoluta y relativa

nadie me puede echar una mano? gracias!
  #3 (permalink)  
Antiguo 28/09/2008, 03:51
 
Fecha de Ingreso: mayo-2007
Mensajes: 239
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Problema con posicion absoluta y relativa

alguna solucion? algun manual o algo sobre posiciones absoluta sy relativaS???? por favor, me urge bastante!
  #4 (permalink)  
Antiguo 28/09/2008, 04:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problema con posicion absoluta y relativa

Es que maquetando con tablas las posiciones absoluta y relativa tiene más bien poca utilidad (la tienen, pero tiene poco sentido)

Si buscas ayuda en el foro de CSS es mejor que pongas el código generado en tu navegador, no el código fuente que usas. A mi las variables no me dicen mucho del resultado final.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 28/09/2008, 06:44
 
Fecha de Ingreso: mayo-2007
Mensajes: 239
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Problema con posicion absoluta y relativa

ok, aqui te pongo el codigo fuente de mi pagina:

Código PHP:
</head>

<
body  text="#000000" link="#000000" vlink="#000000" alink="#000000" style="margin:0px;background-image:url(/images/fondo19.gif);background-repeat:repeat-x;background-color:#D9EFF8;">


<
div id="overDiv" style="position:absolute; visibility:hidden; z-index:1500;"></div>
<
table border="0" cellpadding="0" cellspacing="0" style="width:825px;height:100%;background-image:url('/images/fondo19.png');background-repeat:no-repeat;" align="center" summary="Borde de página">
<
tr>
    <
td>
    <
table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:100%;background-color:transparent;" summary="Cabecera de página">
    <
tr>    
        <
td><span style="color:#FFFFFF;font-size:18; top:40;"><br/><br/>&nbsp;domingo <br/></span><span style="font-size:15">&nbsp;28&nbsp;septiembre&nbsp;2008</span></td>
        <
td><div style="position:absolute; top:20; left:230;"><img src="/images/imagen_menu-superior19.png" border="0" alt=""/></div></td>
        <
td><div style="position:absolute; top:50; left:830;"><img src="/images/imagen2.png" border="0" alt=""/></div></td>           
    </
tr>
    </
table>
    </
td>
</
tr
con esas posiciones en absolute me sale cuadrado para 800x600 pero para otras resoluciones no.
  #6 (permalink)  
Antiguo 28/09/2008, 09:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problema con posicion absoluta y relativa

¿No lo tienes en línea en alguna parte? es que sin ver la imágenes no me hago ni idea de cuál es la situación y qué quieres conseguir.

En cuanto a lo de que se adpate a la resolución, en la primera tabla tienes puesto un ancho fijo de 825px (width:825px), de manera que eso es lo que mide, y no se puede adaptar porque no le dejas. Si quieres que lo haga, deberás cambiar el ancho y ponerlo en porcentaje, como tienes la segunda tabla.

En cuanto al contenido no tengo ni idea de qué tienes ahora ni qué es lo que quieres conseguir.
__________________
Visita mi nueva web idplus.org
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 00:08.