tengo un pie hecho a 3 columnas, todo va bien excepto que ie8 me lo descuadra y no puedo descifrar que es.
les dejo los codigos
Código HTML:
<!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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> <meta http-equiv="content-language" content="en" /> <meta name="robots" content="all,follow" /> <meta name="author" content="[www.tintasymaster.com]; e-mail: [email protected]" lang="en" /> <meta name="copyright" content="2009-2010, Todos los derechos reservados" lang="en" /> <meta name="description" content="Venta, distribuci n y servicio t cnico de equipos de duplicaci n, duplicadoras digitales y fotocopiadoras especializados en equipos RISO, suministros, tintas y master, tinta rz220, master rz220, tinta rz, master rz, tinta cr master cr,tinta TR,cz,GR" /> <meta name="keywords" content="duplicacion, duplicadoras, copiadora, fotocopiadora, tintas, tinta, riso, canon, master" /> <meta name="google-site-verification" content="OIWfyfM9BWdglR9uFuTVY30df5uJ9A4m_YBIC0w9vK4" /> <title>tintas y master</title> <link href="estilo.css" rel="stylesheet" type="text/css" /> <!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="estilo1e6.css" /> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" href="estilo1e7.css" type="text/css" media="screen" /> <![endif]--> <link type="image/x-icon" href="images/vvvv.ico" rel="icon" /> <link type="image/x-icon" href="images/vvvv.ico" rel="shortcut icon" /> <!-- include jQuery library --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script> <!-- initialize the slideshow when the DOM is ready --> <script type="text/javascript"> $(document).ready(function() { $('#bannersgds').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... , speed: 1000, timeout: 6000 }); }); </script> </head> <body> <div id="div2"> <p id="nav"> <a href="index.html">Inicio</a><span>|</span> <a href="Nosotros.html">Nosotros</a> <span>|</span> <a href="Servicios.html">Servicios</a> <span>|</span> <a href="Promociones.html">Promociones</a> <span>|</span> <a href="Contacto.html">Contacto</a> </p> </div> <div id="maincontainer"> <div id="topsection"> <img src="images/top.jpg" alt="imag"/> <div id="div3"> <img src="images/slogan.gif" alt=""/> </div> <div id="bannersgds"> <img src="images/slider-01.jpg" alt=""/> <img src="images/slider-02.jpg" alt="" /> <img src="images/slider-03.jpg" alt="" /> <img src="images/slider-04.jpg" alt="" /> <img src="images/slider-05.jpg" alt="" /> <img src="images/slider-06.jpg" alt="" /><img src="images/slider-07.jpg" alt="" /> </div> </div></div> <div id="centrop"> <div class="derecha"> <div class="derecha2"><img src="images/digigraf.jpg" alt=""/></div> </div> <div class="izquierda"> <div class="azul0"><p class="text5"> Quienes somos?</p></div> <div class="azul1"> <img src="images/col-01.jpg" alt=""/> </div> <div class="abajo"> <p class="text2" align="justify">Somos una empresa dedicada al Servicio Técnico y venta de suministros de calidad para fotocopiadoras y duplicadoras digitales, comprometidos a dar la mejor solución a su empresa o institución, nos desempeñamos de acuerdo a sus necesidades, ofreciéndole un trato personalizado y profesional.</p> </div> </div> </div> <div id="contentwrapper"> <div id="footer"> <div class="colum"><p class="text6">páginas amigas</p> <a href="http://www.ticoride.com/"/><img src="images/ticoride.jpg" alt="" /></div> <div class="colum"><p><a href="mailto:[email protected]"> [email protected]</a></p></div><div class="colum"> <p class="foot">© 2010 Tintas y Master de Costa Rica S.A.</p> </div> </div> </div> </body> </html>
Código HTML:
[HTML]body{
margin:0;
padding:0;
line-height: 1.5em;
}
b{font-size: 110%;}
em{color: red;}
#maincontainer{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
position:relative;
}
#topsection{
background: #fff;
}
p{
font:0.8em/1.6 "arial", sans-serif;
}
#contentwrapper{
float: left;
width: 100%;
}
#centro{
width:960px;
background:#E9E9E9;
margin: 0 auto;
padding:20px 0 20px 0;
}
#centro2{
width:840px;
background:#fff;
margin: 0 auto;
padding:30px 40px 40px 40px;
border-bottom:2px solid #ddd;
border-right:3px solid #ddd;
}
#centrop{
width:960px;
background:#E9E9E9;
margin: 0 auto;
padding:20px 0 20px 0;
height:400px;
}
.text1{
margin:0 0 0 10px;
color:#6477AF;
font-size:48px;
}
.text1b{
margin:0 0 0 40px;
color:#6477AF;
font-size:30px;
}
.text1c{
margin:0 0 0 2px;
color:#6477AF;
font-size:30px;
}
.text2 {
font-size: small
}
.text2b {
font-size: small;
text-align:justify;
}
.text3 {
font-size:20px
}
.text4 {
font-size:17px
}
.text5 {
color:#fff;
font-size:18px;
margin:10px 0 0 120px;
padding:10px 0 0 0;
}
.text6 {
font-size:17px;
float:left;
margin:10px 0 10px 50px;
}
#centro2 ul li {list-style-type: none; padding-left:15px; background:url("images/ul.gif") 0 7px no-repeat;}
#centro2 ul ul li {list-style-type: none; padding-left:15px; background:url("images/ul-ul.gif") 0 7px no-repeat;}
#centro2 .fondo1 {padding:15px; background:#F9F9F9; border:2px solid #ddd;}
#footer{
clear: left;
width: 100%;
background:#fff;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #000;
}
#footer a:hover {color:#6180C0;}
#footer img{
margin:0 0 0 30px;
}
.colum {
background-color:#fff;
height:150px;
width: 33%;
float:left;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
#div2{
margin:140px 0 0 580px;
position:absolute;
z-index:2;
}
#div3{
margin:160px 0 0 0;
position:absolute;
right:7px;
z-index:100;
}
#nav span {margin:0 10px;}
#nav a:hover {text-decoration:none;}
#nav a:hover {color:#6180C0;}
#nav a {text-decoration:none;}
#nav a {color:#000;}
#centro2 a:hover {text-decoration:underline;}
#centro2 a:hover {color:#6180C0;}
#centro2 a {text-decoration:underline;}
#centro2 a {color:#000;}
#bannersgds{
margin:20px auto 5px auto;
position:relative;
}
.derecha{
float:right;
background:#fff;
height:400px;
width:600px;
margin:0 20px 0 0;
border-bottom:2px solid #ddd;
border-right:3px solid #ddd;
}
.derecha2{
background:#fff;
width:436px;
margin:30px auto 0 auto;
}
.izquierda{
float:left;
background:#fff;
height:400px;
width:300px;
margin:0 0 0 20px;
border-bottom:2px solid #ddd;
border-right:3px solid #ddd;
}
.azul0{
width:270px;
height:50px;
margin:10px auto 10px auto;
background:#7283B7;
}
.azul1{
width:270px;
margin:20px auto 10px auto;
}
.abajo{
margin:10px auto 10px auto;
width:270px;
}
