Hola agadeceri mucho tu ayuda

Hola experto necesito tu ayuda por favor, te explico:
Estoy diseñando una web con varios float, márgenes y pading. Dos de esos float tiene también la propiedad clear para romper el flujo de los float e ir a la línea siguiente y poner mas float en esa nueva línea. En firefox, explorer 8 y explorer 9 se ve perfecto ya que cumplen el estándar, pero en internet explorer 6 y 7 no se que pasa, esos float se desplazan hacia arriba, se van para todos lados. Se que explorer 6 y 7 no los interpreta bien por lo que he leído. Lo que hace a mí entender es no respetar el clear. Ya que si tú pones clear como te puse arriba se quita del flotante que tenga junto a él con float también, se coloca debajo y si encima le pongo float pues además de haber roto el flujo de arriba ahora este flota también y permite flotantes a su lado.
La página que estoy empezando tiene muy poco hecho me gustaría enviártela y que probaras esto, te lo agradecería un montón ya que me tiene loco. ¿Te la podría enviar?

1 respuesta

Respuesta
¿Has probado con los HACKS CSS para IE6 e IE7?
Te dejo una web, espero que te sirva:
http://blog.unijimpe.net/hack-css-para-ie6-ie7/
Suerte :)
PD: no te recomiendo maquetar para IE6, puede darte GRANDES dolores de cabeza
hola experto perdona otra vez, ya vi lo de los hack eso yo ya los habia visto, es decir puedes usar una regla diferente para que exploer 76 lo interprete diferente el 7...pero el problema esque no creo que lo de los float tenga algo que ver con eso,ya que he cambiado el tamaño de los float les e puesto margenes,pading y explorer 6 sigue con las suyas.es algo increible,acabo de sacar 3 pantallazos de firefoc expleor 6 y 8 si te las pudira enviar y viers lo que te digo....
Vale, hacemos una cosa, súbelos a algún hosting de imágenes, tipo imageshack o tinypic y me ponés las URLS por aquí y le echo un vistazo :)
A ver si lo podemos resolver.
PD: si puedes adjutar aquí el código mejor que mejor.
hola, aqui te dejo el codigo,dentro de los float tenia unos swf pero para hacer el codigo mas cort<!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>prueba</title>
<style type="text/css">
body {margin:0px;
}
#maquetacentral{
margin-left:auto;
margin-right:auto;
width:960px;
overflow:hidden;
margin-bottom: 70px;
}
#cruz{
float:left;
margin-left: 230px;
background-color:#F00;
}
#boton1{
float:left;
background-color:#F00;
}
#boton2{
float:left;
margin-left: 120px;
background-color:#F00;
}
#boton3{
float:right;
padding-right: 50px;
background-color:#F00;
}
#boton4{
float:right;
margin-right: 120px;
background-color:#F00;
}
#boton5{
float:left;
clear: left;
overflow: hidden;
padding-left: 50px;
margin-top: 55px;
background-color:#F00;
}
#boton6{
float:right;
padding-right: 50px;
margin-top: 55px;
background-color:#F00;
}
#boton7{
float:left;
clear: left;
overflow: hidden;
padding-left: 50px;
background-color:#F00;
}
#boton8{
float:left;
margin-left: 50px;
overflow: hidden;
background-color:#F00;
}
#boton9{
float:left;
width: 268px;
text-align: center;
background-color:#F00;
}
#boton10{
float:right;
padding-right: 50px;
background-color:#F00;
}
#boton11{
float:right;
margin-right: 50px;
background-color:#F00;
}
#titulo {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 40px;
text-align:center;
width: 960px;
background-color:#F00;
}
</style>
</head>
<body>
<div id="maquetacentral">
<div id="boton1"> <img src="../Documents/Mis Webs/parroquia/cruz.png" width="120" height="130" border="0" /> </div>
<div id="boton2"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton3"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton4"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton5"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="cruz"><img src="../Documents/Mis Webs/parroquia/cruz.png" alt="cruz" width="160" height="240" border="0" /></div>
<div id="boton6"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton7"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton8"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton9"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" /> </div>
<div id="boton10"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton11"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID12");
//-->
</script>
</body>
</html>o los he sustituido por unas imagenes, que para el efectto es lo mismo.
hola, te mando el codigo de nuevo que el otro te lo envie mal,saludos.
<!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>Iglesia Parroquial San Fransisco de Asís.Catequesis festividades hermandades historia capillas fotografias</title>
<style type="text/css">
body
}
#maquetacentral{
margin-left:auto;
margin-right:auto;
width:960px;
overflow:hidden;
margin-bottom: 70px;
}
#cruz{
float:left;
margin-left: 230px;
background-color:#F00;
}
#boton1{
float:left;
background-color:#F00;
}
#boton2{
float:left;
margin-left: 120px;
background-color:#F00;
}
#boton3{
float:right;
padding-right: 50px;
background-color:#F00;
}
#boton4{
float:right;
margin-right: 120px;
background-color:#F00;
}
#boton5{
float:left;
clear: left;
padding-left: 50px;
margin-top: 55px;
background-color:#F00;
}
#boton6{
float:right;
padding-right: 50px;
margin-top: 55px;
background-color:#F00;
}
#boton7{
float:left;
clear: left;
padding-left: 50px;
background-color:#F00;
}
#boton8{
float:left;
margin-left: 50px;
overflow: hidden;
background-color:#F00;
}
#boton9{
float:left;
width: 268px;
text-align: center;
background-color:#F00;
}
#boton10{
float:right;
padding-right: 50px;
background-color:#F00;
}
#boton11{
float:right;
margin-right: 50px;
background-color:#F00;
}
#titulo {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 40px;
text-align:center;
width: 960px;
background-color:#F00;
}
</style>
</head>
<body>
<div id="maquetacentral">
<div id="boton1"> <img src="../Documents/Mis Webs/parroquia/cruz.png" width="120" height="130" border="0" /> </div>
<div id="boton2"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton3"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton4"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton5"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="cruz"><img src="../Documents/Mis Webs/parroquia/cruz.png" alt="cruz" width="160" height="240" border="0" /></div>
<div id="boton6"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton7"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton8"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton9"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" /> </div>
<div id="boton10"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
<div id="boton11"> <img src="../Documents/Mis Webs/parroquia/cruz.png" alt="" width="120" height="130" border="0" /> </div>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID12");
//-->
</script>
</body>
</html>
Perdoná que tardase en contestar.. ya que he estado de exámenes y no he podido pasarme.
He estado intentado buscar la solución pero es un poco engorroso y no sale del todo bien.. intenta utilizar el DOM a ver que se puede hacer.. es un poco lío :S
Seguiré mirando a ver que se me ocurre.
hola gracias,yo hise al final lo que te comente arriba, dentro del div clear le meti ahi los otros float y asi no se mueven para nada,es decir en vez de poner algunos float por ejemplo y despues un div con clear y despues debajo mas float,dentro d ese clear le meti otros float y al verdad va genial,no se si es algo bien hecho creo que si.
un saludo
Perfecto, me alegro :)
En cuanto puedas cierra la pregunta

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Cómo puedo hacer para que me imprima 4 formularios en diferentes ficheros php en un solo botón imprimir

Ayudaaaaaaaaaaaaa se me hace muy difícil hacer esto, no encuentro
1 respuesta

Encontrar la página index.html

Estoy empezando con programación en html, css y js, fundamentalmente para poderme corregir la web que tengo que está bastante mal. Cuando voy al inspector en mi web, encuentro en la página de inicio que pone "Indice" pero soy incapaz de encontrar esa...
1 respuesta

Unión de varios archivos HTML

Amig@: A ver si me puedes ayudar. Tengo varios/muchos ficheros HTML de un curso que estamos desarrollando. Quiero sacar un PDF de todos este curso y lo único que se me ocurre es unir los HTML en uno solo y luego pasar éste a PDF. Quería saber si...
2 respuestas

Subir pdf a blog para ser descargado por el que que

Quisiera saber cómo hacer para subir una archivo pdf a mi blog, para que luego quien visite el blog pueda descargarlo gratuitamente a su computadora. Gracias!
2 respuestas

Cambiar tamaño de letra en Blogger. No hay manera!

Estoy intentando cambiar el tamaño de la letra del cuerpo de las entradas de mi blog, solo esa, y no hay manera. He probado en el html de la plantilla (font-size) y da igual si pongo 20px que 110%, etc... ¡No cambia!. Sólo cambia el interlineado,...
2 respuestas

Insertar link web a una imagen

Necesito saber como se incrusta un link a una fotografía. No en word...
2 respuestas

Coger la hora del servidor

Hola, estoy diseñando un formulario en html, lo que deseo es que al ser enviado, este recoja la hora en que se envío, también me gustaría que se estuviera viendo la hora en una parte del formulario ¿Como lo podría hacer? Gracias
2 respuestas

Crear página web con enlaces externos

Me gustaría crear una web con vídeos que están en otras páginas web, es decir, no ingresarlos en mi página web sino que al clickearlos vayan directamente a esta página donde están alojados ¿Esto sería legal?
1 respuesta

¿Cómo hago o consigo una dirección URL para un blog de Google?

Quiero hacer un blog y me piden una URL, pero no se como hacerla. Considero que blogger está inconpleto por que debería tmtraer una lista condirecciones disponibles o una sccion para hacerla
2 respuestas

Redireccionar un link interno a otro en html

Tengo en mi blog un link que redirecciona a una página externa que ahora no existe, quisiera redireccionarla a otro enlace externo, ya que de lo contrario tendría que cambiar post por post el link viejo por el nuevo. En otras palabra quisiera cuando...
2 respuestas