Comunidad de diseño web y desarrollo en internet online

DIVS separado ie6

Citar            
MensajeEscrito el 19 Oct 2007 07:31 pm
Buenas, quisiera ver si alguien me puede dar una mano, estoy empezando a desarrollar un site, estoy tratando de dejar la mania de las tablas y empezar con divs, css, etc.
pero me surgui un inconeniente...
web: www.nelsistemas.com.ar/principal.html
el problema consiste que depende la version del explorer, 6 o 7, me aparece un pequeño interlineado entre 2 divs que tienen q estar totalmente juntos. Y por otro lado los bordes hechos con png no se hacen transparentes en el ie6 tampoco. en firefox se ve perfecto.
le puse un fondo verde para q se note.

les dejo los cod.

css:

Código :

.principal {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-right: 0px;
   text-align: center;
}
.baner {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-right: auto;
   margin-left: auto;
   text-align: center;
   height: 114px;
   width: 712px;
}
.cuerpo {
   width: 712px;
   background-image: url(imagenes/bordelr.png);
   background-repeat: repeat;
   height: auto;
   margin-right: auto;
   margin-left: auto;
}
.bordetop {
   background-image: url(imagenes/bordetop.png);
   width: 712px;
   height: 11px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 5px;
}
.bordefinal {
   background-image: url(imagenes/bordefinal.png);
   width: 712px;
   margin-right: auto;
   margin-left: auto;
   height: 23px;
}

y el html

Código :

<!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=iso-8859-1" />
<title>NelSistemas</title>
<link href="base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
   background-color: #00CC66;
}
-->
</style></head>

<body>
<div class="principal">
  <div class="baner">
   
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="712" height="114" align="middle" title="baner">
          <param name="movie" value="flash/baner.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <embed src="flash/baner.swf" width="712" height="114" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
        </object>
  </div>
  
  
  <div class="bordetop"></div>
  <div class="cuerpo">
    sdfsdfsdf<br />
      sdfsdfsdfsdfsdfsdfsdf<br />
      sdfsdfsdfsdfsdfsdf<br />
      sdfsdfsdfsdfsdfsdf<br />
      sdfsdfsdfsdfsd<br />
      sdfsdfsdfsdf<br />
      sdfsdfsdfsdfsdf<br />
      asdasdasd<br />
      asdasdasd<br />
      asdasdasdas<br />
      asdasdasdsd 

  </div>
  <div class="bordefinal">options</div>

</div>
</body>
</html>


saludos a todos...

Por Maxtor233

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 19 Oct 2007 07:41 pm
Usa el buscador. Esos temas se han tratado bastante.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 22 Oct 2007 01:31 pm
Bueno, ya solucione todo, solo me falta, saber como solucionar el tema q en ie6 me aparece un espacio entere div y div que me desacomoda el diseño.

si alguien me puede ayudar se lo agradeceria

saludos a todos.

Por Maxtor233

6 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 22 Oct 2007 02:51 pm
tal como lo he dicho, se deben crear dos css uno para ie6 y uno para ie7 (o firefox) y colocar en el html el código

Código :

<!--[if IE 6]>
      dirección del css de IE6
     <![endif]-->

Por onnasama

325 de clabLevel

1 tutorial

 

firefox
Citar            
MensajeEscrito el 26 Oct 2007 04:53 am
Si el problema lo tenes con alguno de estos estilos proba poniendo en .bordetop y .bordefinal:
font-size: 2px;

Saludos,

Redmax

Por redmax

1 de clabLevel



 

msie
Citar            
MensajeEscrito el 27 Oct 2007 09:19 pm
Prueba usando un doctype estricto o los hacks de hasLayout. A veces IE interpreta todo como se le da la gana ;)

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox

 

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