esta es la css del clearAll
.clearAll{
clear:both;
}
aqui les muestro mi css para que miren a lo que me refiero
Código:
Si me pudieran ayudar les estaria agradecido :D * { margin:0; padding:0; border:0; } a { color: #1e449d; text-decoration: underline } a:hover { color: #1e449d; text-decoration: none} body { font:11px Verdana, Arial, Tahoma, sans-serif; background:#fff url("imagenes/fondo.gif") repeat; margin-top:0px; } #contenedor { width:900px; background:#fff; margin:0 auto 0 auto; border-right:2px solid #277ec7; } #menu_principal { background:#ecebeb; font-weight:bold; font-family:Arial, Tahoma, Verdana, sans-serif; margin-right:2px; margin-left:2px; height:24px; margin-bottom:1px; } #menu_principal a span { background:#ffffff; line-height:21px; padding:0 8px; display:block; } #menu_principal a.pestana { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-decoration:none; background-color:transparent; color:#2d71ed; float:right; margin:3px 3px 0 0; outline:none; } #menu_principal a:hover { background:#fff; border-top:1px solid #2c71e2; border-left:1px solid #2c71e2; border-right:1px solid #2c71e2; color:#000000; } /*definimos el logo de la pagina*/ #banner{ background:#fff url("/v4/imagenes/logo.jpg") left; height:95px; text-align:right; margin-right:2px; margin-left:2px; } #sddbar { padding: 3px; border: 1px solid #ccc; margin-left: 610px; width: 275px; text-align: justify; position: absolute; background-color: #F1F1F1; opacity:0.8;filter:alpha(opacity=60); } #sddbar:hover { opacity:1;filter:alpha(opacity=100); } #footer { background:#9b9b9b url("/imagenes/footer_izq.gif") left top no-repeat; margin:10px 2px 0px 2px; color:#000; } #footer div { background:transparent url("/imagenes/footer_der.gif") right top no-repeat; padding:0 8px; line-height:24px; } #footer a { color:#000; text-decoration:none; } #footer a:hover { color:#000; text-decoration:none; } #footer img { margin-left:10px; margin-top:3px; } .menu_simple { font-size:10px; padding:0 13px; line-height:20px; border-bottom:1px dashed #a5a5a5; margin-bottom:10px; min-height:20px; } #publicidad { text-align:center; margin-top:10px; margin-bottom:10px; } div#mensaje { background-color:#f3d7d7; border:1px solid #000; border-bottom:1px solid #000; padding:10px; margin-right:10px; margin-left:10px; margin-bottom:10px; } div#mensaje { color:#000; line-height:16px; } div#mensaje a { color:#000; } #cuerpo_de_noticias{ padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #dcdcdc; } #cuerpo_de_noticias a:hover{ text-decoration:none; } #noticias{ width:570px; text-align: left; padding-left: 8px; } h1 small { display: block; font-size: 55%; } h1 { font-size:14px; color:#3386cc; } h1 a { color:#CC6633 !important; text-decoration:none !important; } h1 a:hover { text-decoration:underline !important; } #separador { color:#000000 !important; border: 1px solid #FFA851; } #pestana_noticias { border-bottom:1px solid #2d71ed; font-weight:bold; font-family:Arial, Tahoma, Verdana, sans-serif; height:25px; margin-bottom:10px; padding-left:0px; } #pestana_noticias a span { line-height:21px; padding:0 8px; display:block; } #pestana_noticias a.pestana { border-bottom:1px solid #2d71ed; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-decoration:none; background-color:transparent; color:#2d71ed; float:left; margin:3px 3px 0 0; outline:none; } #pestana_noticias a.selec { border-bottom:1px solid #fff; border-top:1px solid #2c71e2; border-left:1px solid #2c71e2; border-right:1px solid #2c71e2; text-decoration:none; background-color:#fff; color:#2d71ed; float:left; margin:3px 3px 0 0; outline:none; } #pestana_noticias a:hover { background:#fff; border-bottom:1px solid #fff; border-top:1px solid #2c71e2; border-left:1px solid #2c71e2; border-right:1px solid #2c71e2; color:#000000; } /*Definimos los divs de los bloques*/ #bloque{ width:300px; margin-bottom:-10px; float:right; } #cuerpo_bloque{ background:#f2f1f1; } dl.ultimos_foro { padding:10px; background:#f2f1f1; } dl.ultimos_foro a:visited { font-family: Verdana, Arial, Tahoma, sans-serif; font-weight:none; font-size:11px; color:#4B4B4B; text-decoration:none; } dl.ultimos_foro a { font-family: Verdana, Arial, Tahoma, sans-serif; font-weight:none; font-size:11px; color:#4B4B4B; text-decoration:none; } dl.ultimos_foro a:hover { color:#2d71ed; text-decoration:underline; } .ultimos_foro dd { font-family: Verdana, Arial, Tahoma, sans-serif; font-weight:none; color:#b3b3b3; font-size:9px; padding-left:11px; margin-bottom:5px; } #ultimos_foros { background:#ffffff; font-weight:bold; font-family:Arial, Tahoma, Verdana, sans-serif; height:24px; margin-bottom:1px; } #ultimos_foros div span { line-height:21px; padding:0 8px; display:block; } #ultimos_foros div.pestana { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-decoration:none; background-color:#ffffff; color:#2d71ed; float:left; margin:3px 3px 0 0; outline:none; } #ultimos_foros div:hover { background:#fff; border-top:1px solid #2d71ed; border-left:1px solid #2d71ed; border-right:1px solid #2d71ed; color:#000000; cursor: pointer; } .button { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:#fff; border:#333; } /* Rollover buttons Based on: http://wellstyled.com/css-nopreload-rollovers.html ----------------------------------------*/ .buttons { float: right; width: auto; height: auto; } /* Rollover state */ .buttons div { float: left; margin: 0 5px 0 0; background-position: 0 100%; } /* Rolloff state */ .buttons div a { display: block; width: 100%; height: 100%; background-position: 0 0; position: relative; overflow: hidden; } input.button1, input.button2 { font-size: 1em; } a.button1, input.button1, input.button3, a.button2, input.button2 { width: auto !important; padding-top: 1px; padding-bottom: 1px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; color: #000; background: #FAFAFA none repeat-x top left; } a.button1, input.button1 { font-weight: bold; border: 1px solid #666666; } input.button3 { padding: 0; margin: 0; line-height: 5px; height: 12px; background-image: none; font-variant: small-caps; } /* Form button styles ---------------------------------------- */ a.button1, input.button1, input.button3, a.button2, input.button2 { color: #000; background-color: #FAFAFA; background-image: url("/images/bg_button.gif"); cursor:pointer; } a.button1, input.button1 { border-color: #666666; } input.button3 { background-image: none; } /* Alternative button */ a.button2, input.button2, input.button3 { border: 1px solid #666666; } /* <a> button in the style of the form buttons */ a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active { text-decoration: none; color: #000000; padding: 2px 8px; line-height: 250%; vertical-align: text-bottom; background-position: 0 1px; } /* Hover states */ a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border: 1px solid #3366FF; background-position: 0 100%; color: #3366FF; } input.disabled { font-weight: normal; color: #666666; }