separacion divs ie6

[jdyerovi]

Buenas tardes compañeros les comento de mi problema estoy armando un sitio y ya hice el template y en este tengo tres divs donde cada div estan con una imagen de fondo, estos estan orientados en forma horizontal uno de bajo de otro, el del medio va el contenido. el problema es que:

el div superior que tiene los bordes redondeados se separa de el div del medio. ya verifique paddings, margins y esta todo a 0 lo unico que tiene es width y no height, ya probe poniendo el acho de la imagen al div pero sigue con el problema

y en opera, firefox, ie7,ie8 si funk pero en ie6 nada

Alguien tiene una idea de que sea????

graicas por su ayuda

[alexk]

pues sin codigo html/css url del problema ni pantallazo... nos dejas con mas preguntas que las tuyas chao!

[kseso?]

Un enlace a la página seguro que ayudaría.
Mientras, dos preguntas:
¿Tiene doctype tu documento?
¿Usas un reset css?
Podríamos seguir haciendo conjeturas, pero...

Un saludo

[jdyerovi]

este es codigo html del template

<div id="tmp_top"></div>
<div id="tmp_middle">
<div style="padding-left: 20px; width: 700px;"><span id="conten">{tag_pagecontent}</span> <br /></div>
</div>
<div id="tmp_bottom"></div>


y este es el css

<style type="text/css">
#tmp_top {
BACKGROUND-IMAGE: url(images/tmp_top.png); WIDTH: 740px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px; CLEAR: left
}
#tmp_middle {
BACKGROUND-IMAGE: url(images/tmp_middle.png); TEXT-ALIGN: left; PADDING-LEFT: 0px; WIDTH: 740px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: repeat-y; CLEAR: left
}
#tmp_bottom {
BACKGROUND-IMAGE: url(images/tmp_botton.png); WIDTH: 740px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px; CLEAR: left
}
#conten {
TEXT-ALIGN: justify; FONT-FAMILY: "Times New Roman", Times, serif; COLOR: #6a6868; FONT-SIZE: 13px
}
</style>

oja puedan conseguir el error xq yo no lo veo muchas gracias por su ayuda

[jdyerovi]

bueno este es la direccion como veran tengo ese mismo problema en todos los divs pero solo en ie6

rotary4130.org

[jdyerovi]

si estoy usando doctype y reset css no utilizo por eso ando pensando que puede ser el problema

[kseso?]

deja ese selector así, sin alterar el orden en que se declara el "height"

Código css:

#pageWrapper {
   background-color: #30689b;
   height: auto!important; 
   min-height: 600px;
   height: 1%; /*el valor es 1 por ciento*/
   overflow:hidden;
}
 

También sería bueno y ayudaría el que corrijas los errores que marcan los validadores.

Un saludo

[jdyerovi]

muchas gracias voy a intentar corregir esos errores aunque algunos es por el cms

[kseso?]

De todas formas, vaya un batiburrillo de estilos que tienes por todos lados.
Deberías sustituir tu código por éste modificado para que el texto y las dos imágenes se muestren en la misma línea en ie6:

Código html:

<div style="background-image: url(Rotary_files/backblanco.jpg); width: 762px; height: 191px;">
        <div id="text_banner" style="margin: 38px 0px -48px 5px; width: 290px; float:left; font-family: helvetica; float: left;">
“Acrecentemos la PASION <br />
        y ACCION en Rotary,<br />
        EL FUTURO DE ROTARY <br />
        ESTA EN TUS MANOS” <br />
        Salvador Rizzo </div>
        <div style="width: 202px; padding-right: 25px; float: left; height: 175px;">
<img alt="" style="border: 0px; margin-top: 7px; vertical-align: middle;" src="Rotary_files/juventud.jpg" />
</div>
        <div style="width: 223px; float: right; margin-left: -10px; height: 175px;">
<img alt="" style="border: 0px; margin-top: 7px; margin-left: 7px; vertical-align: middle;" src="Rotary_files/rotarios.jpg" />
</div>
        </div>
 

[marce_str]

Tenés que aplicar overflow:hidden; por alguna razón IE 6 a veces expande los elementos, más de lo indicado

Saludos!

[jdyerovi]

ese era otro problema y si tienes todoa la razon hay codigo por doquier y hay que corregir eso esta orrible y gracias acepto tus consejos

[jdyerovi]

ese era el problema faltaba poner el overflow:hidden; te agradesco mucho salu2