Muy buenas,
Acudo a vosotros desesperado de la vida. Estoy iniciando una página web y la voy revisando en Chrome, cual ha sido mis sorpresa al revisarla en Explorer y verla totalmente descuadrada.
Cuando intento arreglarla en Explorer, me descuadra en Chrome.
La página en cuestión es [URL="http://www.bestcostaricantours.com/Nuevo/index.html"]www.bestcostaricantours.com/Nuevo/index.html[/URL].
El código fuente está abierto y el CSS es:
__________________________________________________ _______________
*{text-indent:0;border:0;margin:0;padding:0}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
margin: 0 auto;
font-family:Tahoma, Verdana, century gothic;
background: repeat url("images/fondo.jpg");
width: 980px;
height:auto;
font-size: 12pt;
line-height: 1.75em;
}
#logotipo {align:left;
margin-left:10px;
width:980px;
}
header {
background:center no-repeat url("images/beach-paradise1.jpg");
height:150px;
width:100%;
}
p {
font-size: 17px;
text-align: justify;
text-indent: 0px;
margin: 0px ;
}
footer {
padding-left:15px;
width:980px;
height: auto;
}
.nivoSlider {
position:relative;
background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}
#cuerpo {
height:auto;
}
#lateral {
width: 200px;
height: 720px;
float:left;
margin-left:10px;
color:white;
background-color:#333633;
padding:10px;
border-style:solid;
border-width:18px 16px;
-webkit-border-image: url("images/borde1.jpg") 18 16 repeat round;
-moz-border-image: url("images/borde1.jpg") 18 16 repeat round;
-o-border-image: url("images/borde1.jpg") 18 16 repeat round;
border-image: url("images/borde1.jpg") 18 16 repeat round;
}
#textos {
float:left;
color:white;
height:300px;
width:280px;
margin:0 0 100 30;
background:#333633;
padding:10px;
border: 0;
}
#textos1 {
float:right;
color:white;
height:300px;
width:280px;
margin:0 10 100 0;
background:#333633;
padding:10px;
border: 0;
}
.foto {
align:center;
width:260px;
height:200px;
}
#textos a {
color:#73aa22;
text-decoration:none;
text-font:Tahoma;
}
#textos1 a {
color:#73aa22;
text-decoration:none;
text-font:Tahoma;
}
#lateral a {
text-decoration:underline;
color:#73aa22;
font-size:15px
}
#lateral h1 {
font-size:25pt;
color:#73aa22;
text-decoration:none;
text-align:justify;
}
footer li {
align:center;
display:inline;
margin-top:20px;
padding: 10px;
font-size: 10pt;
}
footer a {
color:#578314;
}
__________________________________________________ _____________
No os pongo la parte de jquery del Slider ya que funciona bien en ambos navegadores
Agradecería cualquier ayuda.
Saludos.
