Comunidad de diseño web y desarrollo en internet online

Problema con div

Citar            
MensajeEscrito el 05 May 2009 05:29 pm
Hola amigos del foro, tengo un problema con un div, he dibujado un div con la herramienta Draw AP Div y dentro de este he insertado texto, cuando lo pruebo con firefox se ve muy bien, pero al ejecutarlo con safari el div se mueve de lugar, alguien me puede decir como solucionar este problema? :shock: de antemano gracias.

Por carnicero666

Claber

156 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 May 2009 05:35 pm
1º Publica aquí tu codigo
2º Da un enlace hacia la página para ver el efecto por nosotros mismos.
3º Puede que encuentres la solución con mas facilidad.

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 05 May 2009 05:50 pm
Este es el codigo y no tengo donde subirlo, es para un proyecto de la escuela, el div con el que tengo ploblemas es "vaciado-somos"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Los Tres Reyes &quot;Trifas y Promociones&quot;</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
background-color: #d1d2d4;
}
#vaciado-somos {
position:absolute;
left:181px;
top:280px;
width:525px;
height:321px;
z-index:1;
overflow: auto;
}
#MENU {
position:absolute;
width:321px;
height:321px;
z-index:2;
left: 771px;
top: 291px;
}
#foto {
position:absolute;
left:590px;
top:781px;
width:313px;
height:227px;
z-index:3;
}
#menu {
position:absolute;
left:762px;
top:274px;
width:321px;
height:571px;
z-index:2;
}
.style4 {
color: #C41230;
font-size: 24px;
font-family: Arial, Bold;
font-weight: bold;
}
.style5 {
font-size: 13px;
font-family: Arial, Bold;
}
-->
</style></head>

<body>
<div id="vaciado-somos">
<p class="style4">Convertimos tus <br />
necesidades en nuestras metas</p>
<p class="style5">Para nosotros tu completa satisfacción es lo más importante, por ello todos nuestros vehículos están disponibles para ser rentados por un mínimo de 24 horas, sin límite de kilometraje, con promociones especiales tanto para los automóviles como las cuatrimotos y motonetas. </p>
<p class="style5">Nuestro objetivo es hacer de tus vacaciones un viaje inolvidable, por eso te llevamos nuestros vehículos a tu lugar de hospedaje de manera inmediata, contamos el servicio de cobro a domicilio al tener terminal punto de venta vía satelital, y al entregar la unidad te llevamos a tu hotel o aeropuerto sin costo alguno. </p>
<p class="style5">Todos nuestros vehículos cuentan con seguros de cobertura amplia para brindarte la mayor seguridad durante tu viaje.</p>
</div>
<div id="menu">
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','320','height','378','src','menu-tarifas','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scale','exactfit','movie','menu-tarifas' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="320" height="378">
<param name="movie" value="menu-tarifas.swf" />
<param name="quality" value="high" />
<param name="SCALE" value="exactfit" />
<embed src="menu-tarifas.swf" width="320" height="378" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit"></embed>
</object>
</noscript>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','317','height','161','src','file:///Macintosh HD/Users/TSN86/Desktop/3 REYES WEB/banneraeropuerto','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','file:///Macintosh HD/Users/TSN86/Desktop/3 REYES WEB/banneraeropuerto' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="317" height="161">
<param name="movie" value="file:///Macintosh HD/Users/TSN86/Desktop/3 REYES WEB/banneraeropuerto.swf" />
<param name="quality" value="high" />
<embed src="file:///Macintosh HD/Users/TSN86/Desktop/3 REYES WEB/banneraeropuerto.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="317" height="161"></embed>
</object>
</noscript>
<br />
</p>
</div>
<div id="principal">
<p align="center">&nbsp;</p>
<table width="970" height="802" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF" >
<tr bordercolor="#FFFFFF">

<td width="970" height="218"><p> &nbsp;<img src="IMAGENES/banner-reyes.png" width="649" height="169" border="0" /> <img src="IMAGENES/moto1.jpg" width="307" height="169" /> &nbsp;<img src="IMAGENES/banner-servicios.png" width="960" height="43" /></p> </td>
</tr>
<tr>
<td height="458" bordercolor="#FFFFFF">&nbsp;</td>

</tr>
<tr>
<td height="126" bordercolor="#FFFFFF"><img src="IMAGENES/banner-direccion1.png" width="970" height="126" /></td>
</tr>
</table>
<div align="center"></div>
<div align="center"></div>
<p align="center">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</body>
</html>

Por carnicero666

Claber

156 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 May 2009 07:28 pm
Pues no se :?, lo acabo de subir tu codigo a mi laboratorio para ver como se vería y la verdad no se porqué, ya que como nunca he usado Safari no se :(, de todas formas, dejo aquí los enlaces para que la gente que te pueda ayudar los vea y no tenga que subirlos de nuevo ;).

Pulsa aquí para acceder a la web.

Por cierto, si quieres que borre el codigo de mi página lo borro, de todas formas lo borraré cuando este tema se haya solucionado ;).

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 05 May 2009 09:03 pm
Muchas gracias por contestar, creo que la solucion esta en la opcion de position, yo la tengo en absolute y eso hace que no sea estable, y por eso se mueve al ejecutarlo en safari, Distriker gracias por la ayuda, saludos

Por carnicero666

Claber

156 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 May 2009 09:04 pm
De nada, aunque la verdad no he echo nada. Lo que no entiendo es porque en Firefox si se ve bien :?

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 10 May 2009 04:09 pm
Distriker, acabo de checar tu ejemplo en varios navegadores (Safari, Chrome, FF, IE) y lo veo exactamente igual en todos (no se mueve ningún div). El position: absolute no debería darte problema, pues lo que significa es que le va a asignar una posición exacta a partir del extremo (en este caso) superior izquierdo de tu documento html (ojo, del documento, *no* de la ventana del navegador, lo cual se haría con "fixed").

Por roccons

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 10 May 2009 04:13 pm

roccons escribió:

Distriker, acabo de checar tu ejemplo en varios navegadores (Safari, Chrome, FF, IE) y lo veo exactamente igual en todos (no se mueve ningún div). El position: absolute no debería darte problema, pues lo que significa es que le va a asignar una posición exacta a partir del extremo (en este caso) superior izquierdo de tu documento html (ojo, del documento, *no* de la ventana del navegador, lo cual se haría con "fixed").


Este no es mi problema Roccons ;), es de carnicero.

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 10 May 2009 04:31 pm
ups!! tienes razón jeje

Por roccons

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Ago 2009 04:57 am
Hola amigos del foro.
Tengo el mismo problema que el amigo de arriba.
Estoy diagramando mi sitio web, use una tabla para poner la imagen que seria el fondo, y luego para disponer todos los elementos fui dibujando DIVs para cada elemento.
Mi problema es que en cada navegador los objetos se mueven solos, y cuando restauro o modifico el tamaño del navegador se mueven tb, es decir se me desordena todo.
he buscando en muchos foros la solución, pero confio en que aqui la encontraré.
soy novato en CSS estoy haciendo esta web en Dreamweaver.
les dejo el link para que vean lo que sucede
www.lpcomunicacion.cl
Eso amigos
muchas gracias de antemano
saludos

Por onelovetks

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Ago 2009 03:15 pm
Asi es... cuando usan la Position Absolute, tiende a crear ese error, con la página del amigo me paso lo mismo.

Casi nadie se da cuenta por no tener una resolución relativamente mayor, pero siempre tengan en cuenta ese detalle.



Aqui hice un corte d ela pagina trabajando a 1900 x 1200 y un Div en absolute se quedara en la misma posicion, ya que el fondo se adapta a la resolución u_u queda este resultado buuu :cry:


^^ mi recomendacion, tratar de hacerlo con Div dentro de Div, usando Position: Relative;

:lol: se que es mas tardado, pero todo sea para que se vea bien

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 06 Ago 2009 04:46 pm
Si, ayer me pase todo el dia viendo tutoriales y sinceramente creo que lo mejor es hacer un div dentro de div
tendré que hacer mi pagina denuevo! :twisted:
jajajaja, pero bueno
gracias por la ayuda el porfirio, cuando tenga listos los arreglos pasare por aqui denuevo.
un abrazo

Por onelovetks

3 de clabLevel



 

msie
Citar            
MensajeEscrito el 07 Ago 2009 07:30 pm
:D
Hola amigos del foro.
finalmente resolvi mi problema, y de paso aprendi a usar CSS, estoy felisisimo.
jajajajaja gracias por su ayuda.
ahora si, me encontre con otro "issue" o problemita que es el siguiente.
Cuandso visualizo la pagina en firefox esta todo en orden (claro si es el mejor navegador)
pero cuando lo veo en explorer, algunos Divs se corren hacia arriba(logico si explorer no respeta ni a su madre),
se que hay algunos codigos que se pueden poner en el html, pero la verdad no se cuales son ni en que lugar ponerlos.
les pido nuevamete su ayuda, pues seé que son los mas capaces.
un abrazo

Por onelovetks

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Ago 2009 06:47 pm
Hola amigos, en efecto la solucion fue in div dentro de otro div, salu2

Por carnicero666

Claber

156 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.