WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Float right not working on IE7

Reply
  Thread Tools Display Modes
Old 7th April 10, 08:22 PM   #1
jreyest
WLC Member
 
Join Date: Apr 2010
Posts: 5
Default Float right not working on IE7

Here is the problem: i have two DIVs. The first, "contenido", is floated right and the second, "nav", is floated left. In Firefox, Opera, and IE8 the webpage works fine. But in IE7 is having problems. The Contenido DIV is over the nav DIV.
Look at: http://www.chilenut.cl/exponut/
jreyest is offline   Reply With Quote
Old 7th April 10, 08:53 PM   #2
jreyest
WLC Member
 
Join Date: Apr 2010
Posts: 5
Default Re: Float right not working on IE7

Here is a shot on IE7:
jreyest is offline   Reply With Quote
Old 7th April 10, 10:04 PM   #3
hmds
WLC Lover
 
Join Date: Jul 2009
Location: Seattle
Posts: 85
Default Re: Float right not working on IE7

can we see the css?
hmds is offline   Reply With Quote
Old 7th April 10, 10:52 PM   #4
meesa
WLC Mod
 
meesa's Avatar
 
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,711
Default Re: Float right not working on IE7

Put #nav before #contenido in the HTML.
__________________
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote
Old 7th April 10, 11:09 PM   #5
jreyest
WLC Member
 
Join Date: Apr 2010
Posts: 5
Default Re: Float right not working on IE7

@meesa: I tried that option before and it works. But, is there a CSS alternative?
jreyest is offline   Reply With Quote
Old 7th April 10, 11:18 PM   #6
jreyest
WLC Member
 
Join Date: Apr 2010
Posts: 5
Default Re: Float right not working on IE7

@hmds:
Code:
/* reseteo de estilos */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img {border:none;}
address { font-style:normal }
/* fin reseteo de estilos */

body {margin: 0px 15px 0px 15px; background-color: #ececec;background: url("../images/fondo3.png");}
#marco {background: transparent url('../images/top.png') no-repeat 10px 0px; width: 911px; padding-top: 271px;font-family:Arial, Helvetica, sans-serif; height:100%; margin:0 auto;background-color: #fff; padding-left:10px; padding-right:10px;}
#contenido {float:right; width:690px; margin-right: 10px;margin-top:15px;margin-bottom: 30px;}
h1{font-size:1.4em;color:#902c1d;text-align: justify; text-justify: newspaper;}
.h1_plomo {color:#353535;}
.h1_plomo666 {color:#666;}
#derecha {top: 30px;left: 0px;}
#derecha p {color:#353535; margin-bottom:1em;}
#nav {width:200px; float:left; margin-top:15px;}
#contacto {width:171px; height: 120px;background: transparent url('../images/contacto.png') no-repeat 0px 0px;margin-top:11px;margin-bottom: 20px;margin-left:1px; }
#contacto  p {padding: 50px 0px 0px 20px; font-size:12px;color:#353535;}
#contacto a {color:#353535;border-bottom: 1px dotted #353535;}
#footer{background: transparent url('../images/rayita.png') no-repeat 0px 0px; height:90px;clear:both;width:100%;padding: 30px 30px 30px 30px;font-weight:bold; color:#666; }
a.vinc_dotted:link, a.vinc_dotted:visited {color:#353535;border-bottom: 1px dotted #353535;}
#inscribase  {float: right;position:relative;width : 213px;height: 109px;margin-right: 5px;margin-top: -123px;}
.noseve {visibility:hidden;}

/* Menu */
#menu{background: url(../images/menu.png) no-repeat;height:199px;width:173px;}
#menu li{line-height:25px;color:#353535;}
#menu a:link,#menu a:visited  {padding-left:12px;color:#fff;line-height:25px;}/*color:#404040;*/
#menu li:hover {color:#404040;background: transparent url('../images/arrow-menu.png') no-repeat 7px 2px;width:165px;}
#menu {padding-top:12px;font-size:14px;}

/* Footer */
#footer_organiza {float:left;}
#tit_footer_organiza {margin-left:2px;position:relative;top:0px;left:0px;}
#chilenut_footer {position:relative;top:5px;left:0px;}
#footer_auspicia {float:left;margin-left:60px;}
#tit_footer_auspicia {margin-left:2px;margin-right:3px;position:relative;top:-27px;left:0px;}
#prochile_footer {position:relative;top:-20px;left:0px;}
#pti_footer {margin-left:20px;}
#footer_produce{float:left;margin-left:63px;}
#tit_footer_produce{margin-left:2px;margin-right:3px;position:relative;top:-30px;left:0px;}
#footer_empresas_auspiciadoras {clear:both;float:left;margin-left:2px;}
#tit_footer_empresas_auspiciadoras{margin-left:2px;margin-right:3px;position:relative;top:-27px;left:0px;}


/* Index */
#nuez {float:right; margin-right:10px; margin-left:18px;}
#dospartes {width:664px; border:dotted #ccc 1px; padding:16px;height:235px;}
#seminario_2partes {width:322px;float:left;text-align: justify; text-justify: newspaper;}
#seminario_2partes2 {width:322px;float:right;padding-left:0px;text-align: justify; text-justify: newspaper;}
.ima_2partes {float:left; margin-bottom:15px;}

Last edited by meesa; 8th April 10 at 12:25 AM. Reason: Added [code] Tags
jreyest is offline   Reply With Quote
Old 8th April 10, 12:29 AM   #7
meesa
WLC Mod
 
meesa's Avatar
 
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,711
Default Re: Float right not working on IE7

Clear:both #contenido.
__________________
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote
Old 8th April 10, 02:20 AM   #8
jreyest
WLC Member
 
Join Date: Apr 2010
Posts: 5
Default Re: Float right not working on IE7

It worked
Thank you meesa.
jreyest is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:01 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.