Ver Mensaje Individual
  #6 (permalink)  
Antiguo 13/02/2010, 14:02
Stream
 
Fecha de Ingreso: mayo-2004
Ubicación: Guadalajara, Jalisco, México
Mensajes: 724
Antigüedad: 19 años, 11 meses
Puntos: 6
Respuesta: Problema con floats en IE 7

Otra solucion:

Cita:
* {
padding:0;
margin:0 auto;
}

body {
background:#fff url("../imagenes/fondo.png") repeat-x fixed;
text-align:center;
padding:10px 0px 10px 0px;
font-family:Trebuchet MS, sans-serif;
}

#global {
width:800px;
position:relative;
margin:auto;
margin-bottom:8px;
overflow:hidden;
}

#preloader {
display:none;
background:url("../imagenes/menu_hover.png");
}

#header {
background:#2A9DD3 url("../imagenes/logo_decapolis.PNG") no-repeat;
height:120px;
text-align:right;
}

#navbar {
background:#fff url("../imagenes/menu.PNG") repeat-x;
text-align:left;
overflow:hidden;
font-size:0.9em;
}

#navbar ul {
list-style:none;
}

#navbar ul li {
display:inline;
padding:6px 8px 5px 8px;
float:left;
background:url("../imagenes/separator.png") no-repeat right;
}

#navbar li:hover {
background:url("../imagenes/menu_hover.PNG") repeat-x;
}

#navbar a:link {color:#000;text-decoration:none;}
#navbar a:visited {color:#000;text-decoration:none;}
#navbar a:hover {color:#000;text-decoration:none;}
#navbar a:active {color:#000;text-decoration:none;}

#wraper {
margin-top:30px;
width:100%;
overflow:hidden;
}

.sidebar {
float:left;
width:200px;
}

.topper {
color:#fff;
text-align:center;
width:182px;
background:url("../imagenes/topper.GIF");
font-size:1em;
padding:3px 0px 3px 0px;
}

.sidebox {
text-align:left;
background:#fff;
width:178px;
border:solid #2A9DD3;
border-width:0px 2px 2px 2px;
margin-bottom:15px;
}

.sidebox ul, .sidebox p {
padding:6px 0px 6px 6px;
list-style:none;
}

.sidebox ul li {
background:url("../imagenes/arrow.PNG") no-repeat;
padding-left:20px;
}

.sidebox a:link {color:#000;text-decoration:none;}
.sidebox a:visited {color:#000;text-decoration:none;}
.sidebox a:hover {color:#000;text-decoration:underline;}
.sidebox a:active {color:#000;text-decoration:none;}

#content {
background:#fff url("../imagenes/fondo_content.PNG") no-repeat bottom right;
width:584px;
float:right;
border:solid 2px #2A9DD3;
}

#content h1 {
font-size:1.2em;
color:#2A9DD3;
margin-left:15px;
margin-top:15px;
text-align:left;
}

#content p {
padding:15px 210px 15px 15px;
text-align:justify;
}

#content img {
text-align:center;
padding-right:210px;
}

#footer {
background:#2A9DD3;
margin-top:30px;
color:#fff;
}

#footer ul {
list-style:none;
}

#footer ul li {
display:inline;
padding:6px 8px 5px 8px;
}

#footer a:link {color:#fff;text-decoration:none;}
#footer a:visited {color:#ff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
#footer a:active {color:#fff;text-decoration:none;}